Ние се получи форма търсене WordPress
WordPress подразбиране добавя CSS класове на HTML тагове, генерирани от различни модели в рамките на една тема. WordPress теми, използвайки шаблон маркер за показване формата за търсене. Тази функция може да показва две различни форми за търсене: една за тези, на HTML4, а втората - за тези, с поддръжка на HTML5. Ако functions.php файла на темата ви е add_theme_support низ ( "HTML5", масив ( "търсене-форма")). тогава маркер шаблон показва полето за търсене на HTML5. Във всички останали случаи, ще видите форма на HTML4.
Друг начин да разберете каква форма генерира вашата тема е да погледнете на изходния код на формата за търсене.
Следният код се показва, ако get_search_form () шаблон таг я показва в HTML4 формат:
И този код - ще бъде резултат за темата с поддръжка на HTML5.
В този урок ще използвате полето за търсене в HTML5. Ако темата ви генерира форма на HTML4, а след това просто да добавите следния ред код, за да functions.php файла на темата ви:
След това се гарантира, че кодът сега е дадено в Пример 2 по-горе. Следващата стъпка е поставяне на формата за търсене на мястото, където вашата тема тя най копнее.
Добавянето на ефекта от изгони с формата на WordPress Търсене
На първо място, ние се нуждаем от картина - икона търсене. По подразбиране WordPress Двадесет Тринадесет съдържа един хубав малък икона, и това е, което ние приемаме за нашите членове. Въпреки това, не се затруднявам в създаването на своя собствена, например, в Photoshop, или да го изтеглите от мрежата. Само не забравяйте, че името на файла в нея търсене-icon.png.
Сега трябва да изтеглите иконата в папката със снимките на вашата тема. Свържете се с вашия сайт чрез FTP клиент като Filezilla или Total Commander и отворите указателя с вашата тема.
Сега - последната и най-важна стъпка. Добавете следните CSS стилове за вашата тема стил лист файл:
Този код е важно да се знае какво се съдържа в CSS3 ефекти на преход, които ни позволяват да се създаде ефекта на шофиране на формуляра. Важно е да се отбележи, че все още трябва да регулирате позицията на иконите на търсене и форми в съответствие с плана на вашата тема.
Свързани статии