ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

Меняем стили CSS формы поиска WordPress

.

Приветствую всех.

Форма поиска на сайте не только повышает функциональность, юзабилити, но и , что немаловажно это элемент дизайна любого web-проекта. И наверняка многие блоггеры хотели-бы видеть у себя на сайте не то, что предложили им разработчики шаблона. И сегодня пойдет речь о том, как без сторонней помощи, самостоятельно изменить стили CSS, чтобы у вас получилась красивая форма поиска WordPress.

Форма поиска будет выполнена в стиле нынче модного Flat-дизайна. Выводится она в сайдбаре специальным виджетом, который есть в любом шаблоне WordPress.

Красивая форма поиска WordPress

Что-бы не выискивать отрывки стилей формы по всей таблице CSS шаблона, нужно переопределить классы CSS, которые присвоены форме поиска по умолчанию. Для этого нужно в добавить в окончание файлаfunctions.php такой код:

Этот код переопределяет стили CSS и присваивает форме id — #searchform . Давайте немного разберем код построчно.

Ну и

Меняем стили CSS формы поиска WordPress

Ну а тут полная свобода действий. Я публикую такие стили CSS формы поиска WordPress, ну а вы уже меняйте их и приспосабливайте под свой шаблон.

Cкачайте иконку, для данной формы размер картинки 32 на 32 пиксела вполне достаточно.
— На этом на сегодня все, уверен, у вас получится красивая и стильная форма поиска WordPress.

БЕРЕГИТЕ СЕБЯ!




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *