Как добавить поиск по заголовку в WordPress?

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

Добавление окна поиска в заголовке в WordPress

WordPress предлагает блок «Поиск», который вы можете вставить в любое место на сайте. Это полезно для добавления поля поиска в раздел заголовка, если вы используете полное редактирование сайта с блочной темой. Если вы не используете темы на основе блоков, ваша тема должна предоставлять возможность добавления значка поиска или окна в навигации. В противном случае вам следует использовать сторонний плагин для добавления этой функции.

1. Добавьте блок поиска в шаблон заголовка темы блока

Темы блоков предлагают части шаблона, которые вы можете редактировать и добавлять любые доступные блоки Гутенберга.

• Перейдите в раздел «Внешний вид > Редактор» в панели администратора. Если вы не видите этот пункт меню, значит, вы не используете тему блока и переходите к способу 2 или 3, описанному в следующих разделах.
• Нажмите непосредственно на верхнюю область меню навигации в предварительном просмотре, чтобы начать редактирование заголовка. В противном случае выберите «Части шаблона» в разделе «Дизайн» на левой боковой панели.

Открытые части шаблона в блочной теме

• После этого выберите опцию «Заголовок», а затем, наконец, щелкните значок карандаша, чтобы отредактировать область заголовка.

Изменить шаблон заголовка

• Выберите раздел полного навигационного меню, а затем щелкните значок +, чтобы добавить новый блок.
• Введите «поиск» в поле, чтобы отфильтровать блок поиска и вставить его в заголовок.

Добавить блок поиска в шаблон заголовка

• Настройте блок поиска, чтобы удалить метку, ввести текст-заполнитель, изменить кнопку со значком линзы и выбрать положение кнопки внутри / снаружи.

Настроить блок поиска в заголовке

• Вы также можете изменить размер текста, цвета и границу блока поиска на боковой панели «Настройки».

Настройте текст, цвет и границу блока поиска

• Когда вы закончите, нажмите кнопку «Сохранить», а затем снова нажмите кнопку «Сохранить», чтобы сохранить изменения в шаблоне заголовка.

Сохранить шаблон заголовка

• Теперь щелкните значок WordPress в правом верхнем углу, чтобы закрыть редактор и вернуться в панель администратора.
• Откройте сайт в новой вкладке браузера, и вы найдете окно поиска в области навигации заголовка.

Блок поиска добавлен в меню навигации

2. Вставьте окно поиска в заголовок с неблокирующими темами.

Большинство премиальных и бесплатных тем WordPress не основаны на блоках и позволяют добавлять значок поиска в навигацию. Вот несколько примеров с темами Astra и GeneratePress:

• Тема Astra — перейдите в «Внешний вид > Настройка > Конструктор заголовков» и щелкните значок +, чтобы добавить поле «Поиск» в нужное место в заголовке. Вы также можете настроить видимость на настольных компьютерах, мобильных устройствах и планшетах, чтобы показать или скрыть значок.

Вставить поиск в заголовок темы Astra

Поиск по заголовку в теме Astra

• GeneratePress Theme — перейдите в раздел «Внешний вид > Настройка > Макет > Основная навигация» и выберите «Включить» в раскрывающемся списке для параметра «Поиск навигации».

Включить поиск по заголовку в теме GeneratePress

Поскольку это настройка для конкретной темы, вам следует перемещаться по панели темы или в настройщике, чтобы найти параметр.

3. Вставьте поиск по заголовку с помощью плагина в неблокирующие темы.

Обязательно сначала проверьте, есть ли в вашей теме возможность включить поиск, прежде чем устанавливать плагин для этой цели. Если ваша тема не поддерживает, вы можете использовать для этой цели плагин SearchWP Modal Search Form. Перейдите в раздел «Плагины > Добавить новый», чтобы установить и активировать плагин SearchWP Modal Search Form.

Установите модальную форму поиска SearchWP

По умолчанию плагин активирует форму поиска на вашем сайте. Вы можете проверить это, перейдя в меню «SearchWP» и настроив другие доступные параметры.

• Включить модальную форму – убедитесь, что эта опция отмечена.

Настроить модальную форму SearchWP

• Включить стиль – выберите опцию «Позиционирование и визуальное оформление», чтобы использовать стили из плагина. Если у вас возникли проблемы с выравниванием окна поиска на опубликованном сайте, вы можете попробовать варианты «Только стиль позиционирования» или «Без стилей».
• Полноэкранный режим – включить или отключить в соответствии с вашими потребностями. Это откроет форму поиска в полноэкранном режиме, покрывая всю фоновую часть.
• Отключить прокрутку – включить отключение фоновой прокрутки при открытии модальной формы поиска.
• Скрыть объявления – включите это, чтобы отключить объявления плагинов.

Другие настройки модальной формы SearchWP

Нажмите кнопку «Сохранить настройки» в нижней части страницы, чтобы применить сделанные вами изменения.

3.1. Добавление поиска в меню заголовка

После настройки параметров плагина перейдите в раздел «Внешний вид > Меню» и выберите основное меню. В разделе «Добавить элементы меню» разверните параметр «Модальные формы поиска SearchWP». Выберите «Собственный движок WordPress» и нажмите кнопку «Добавить в меню».

Добавить поиск в меню с плагином SearchWP

Это добавит опцию «Поиск» в меню. Измените «Навигационная метка» на «Поиск» и нажмите кнопку «Сохранить меню». Если ваша тема поддерживает, вы можете просто добавить значок линзы без какой-либо навигационной метки.

Изменить метку навигации поиска

Откройте свой сайт в новой вкладке браузера и убедитесь, что в вашей навигации в шапке есть элемент поиска, добавленный плагином. Щелкните это меню «Поиск», и вы увидите, что появляется модальная форма. Введите запрос и щелкните значок линзы, чтобы получить результаты поиска.

Поиск по заголовку, добавленный плагином SearchWP

Использование модального поиска с плагином SearchWP

Помните, что этот плагин будет работать только с неблочными темами, так как раздел «Внешний вид > Меню» будет недоступен для блочных тем. Вы также можете добавить функцию AJAX Live Search, используя другой плагин SearchWP Live Ajax Search.

Заключительные слова

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