Как добавить поиск в меню WordPress

Общеизвестно, что присутствие поиска на сайте является одним из наиболее важных критериев успешности сайта. Так, пользователь, зашедший на Ваш сайт, сможет быстро найти нужную ему информацию. Особенно актуально наличие поискового механизма на веб-ресурсе с сотнями или тысячами страниц. Многие владельцы сайтов не всегда понимают, для чего нужен поиск на их сайте, если присутствуют хорошая навигация или карта сайта. Однако, по мнениям многих экспертов, отсутствие поиска является довольно грубой ошибкой. Так, навигация всего лишь перемещает пользователя в тот или иной раздел сайта. А если разделов и информации целая куча? Попробуйте найти рецепт приготовления шашлыка в категории Кулинария с тысячей или двумя записями!

WordPress в своем арсенале имеет полноценный поисковый механизм, который может быть вызван с помощью специального PHP-кода в теме, так и в виде виджета (админ-раздел Внешний вид -> Виджеты). В первом случае строка поиска может быть вызвана в любом месте сайта. Это зависит от конкретной темы.

Часто пользователи желают, чтобы поиск на сайте присутствовал в верхнем или нижнем меню. Но не у всех темах разработчики предусмотрели такой функционал. Конечно, Вы всегда сможете добавить стандартный виджет Поиск на панель виджетов. Но что делать, если поиск нужен именно в верхнем меню?

Как добавить поиск в меню WordPress?

Если Вы добавите строку поиска в свое главное меню навигации, она появится на всех страницах, отображающих меню, и Ваши пользователи смогут легко найти весь контент на Вашем сайте.

Существует несколько поисковых плагинов, которые можно использовать для добавления панели поиска на Ваш сайт. Давайте посмотрим один из наиболее популярных из них.

Плагин Add Search To Menu

Бесплатный плагин Add Search To Menu автоматически добавит форму поиска в нужную область меню и предоставляет владельцу сайта гибкие для этого настройки.

По-первых, его нужно установить и активировать, после чего в админ-панели перейти в раздел Настройки -> Add Search To Menu для настройки.

Страница настроек плагина Add Search To Menu

На странице настроек плагин позволяет задать все необходимые для отображения поиска параметры. Рассмотрим наиболее важные из них.

В опции Add Search to Menu Вы сможете выбрать одну или несколько областей меню, где необходимо будет показать поисковую форму. Их названия и количество зависят от конкретной темы. В нашем примере доступно 3 области меню: в шапке, верхнее меню и в подвале сайта.

Search Post Types — настройка, в которой можно указать, какие типы контента задействовать в поисковом механизме. В нашем случае отмечены 3 стандартные типы: записи, страницы, файлы вложений.

Опция Search Form Style позволит Вам выбрать стиль отображения поиска.

Важно отметить, что внешний вид поисковой формы может отличаться от общего дизайна сайта. Это объясняется разными наборами CSS-правил самой темы и плагина. Разработчики плагина предусмотрели этот нюанс. Специально для этого существует опция Search Menu Classes, в которой можно задать имя CSS-класса для поисковой формы и задать ей нужные правила (в поле Custom CSS).

Кроме того, плагин позволяет выбирать, показывать или нет поиск на мобильных устройствах. Для этого существует настройка Mobile Display.

Также Вы можете задать свой JavaScript-обработчик для проведения поисковой формы. Для этого нужно будет отключить стандартный — настройка Do not load plugin files (Plugin JavaScript File).

После того, как были сделаны все настройки, необходимо нажать кнопку Save Options и переходить на сайт.

Главная страница сайта

Курс WordPress-разработчик
Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров