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

Хотите добавить поиск с автозаполнением на свой WordPress-сайт? Это поможет вашим посетителям быстрее выполнить поиск и вывести нужный контент. Мы покажем, как просто и бесплатно это сделать.

Google, Amazon и множество других сайтов используют этот подход, потому что заботятся о своих пользователях, помогая найти им нужную информацию.

Для сайтов на WordPress тоже есть такая возможность, которая может быть применена не только для обычного блога или новостного сайта, но также для интернет-магазина.

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

Для решения задачи используем бесплатный плагин Ajax Search Lite, который:

• работает на большинстве сайтах;
• имеет легкую настройку и гибкость;
• регулярно обновляется.

Вы сможете сортировать результаты с помощью фильтров категорий и столбцов. Включены также автозаполнение и ключевые слова Google.

Основные возможности Ajax Search Lite:

• поиск по записям и страницам;
• поиск в пользовательских типах записей (продукты WooCommerce, события, элементы портфолио);
• поиск по заголовку, описанию, выдержке, категориям, тегам и настраиваемым полям;
• автоматическая замена поиска, а также виджет и шорткод;
• настраиваемые фильтры (фильтры флажков) для категорий и типов записей;
• WPML– и Qtranslate-совместимость;
• 8 встроенных шаблонов;
• опции настройки цвета;
• векторные иконки в формате SVG и CSS3 с поддержкой Retina;
• исключение отдельных постов и категорий;
• выбор параметров поиска для посетителя;
• изображения в результатах поиска;
• AJAX-технология;
• 40+ опций для настройки;
• кэширование изображений для ускорения отклика;
• параметры производительности;
• интеграция с Google Analytics.

Настройка плагина Ajax Search Lite

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

Шаг 1. Выберите содержимое для поиска

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

Например, вы захотите, чтобы в поиске участвовали записи блога, но не страницы. Если вы используете пользовательские типы записей (например, продукты WooCommerce или другой плагин), вы также можете выбрать, следует ли включать это содержимое в результаты.

Чтобы выбрать контент для поиска, перейдите в админ-меню Ajax Search Lite и на вкладке Общие настройки укажите нужное.

Дальше выберите, какие части вашего контента плагин будет искать. По умолчанию это будут:

• название,
• содержание,
• комментарии.

Но также сюда можно включить:

• URL-слаг;
• категории и теги;
• пользовательские поля.

Шаг 2. Выберите способ отображения содержимого в результатах поиска

По умолчанию плагин будет отображать много информации в результатах поиска. Она включает:

• название,
• отрывок,
• изображение.

Вот пример того, как выглядят настройки по умолчанию:

У вас есть полный контроль над тем, какая информация будет отображаться.

Если вы хотите управлять изображениями (или отключить их вообще), перейдите на вкладку Параметры изображения. Тут есть возможность указать размер фото и их источник.

Также на вкладке Параметры макета вы сможете управлять внешним видом результатов поиска:

Шаг 3: Настройте окно поиска

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

Тут вы можете выбрать один из предустановленных макетов формы, заполнитель, а также ее ширину.

Шаг 4. Добавьте поисковую форму плагина (или замените вместо стандартной)

Для этого плагин предоставляет три опции:

• Заменить тему поиска формой Ajax Search Lite. Этой опцией плагин переопределит функциональность поиска вашей темы, т.е. заменит обычный виджет поиска WordPress своим собственным полем поиска и функционалом.
• Шорткод. Вы можете разместить шорткод в любом месте своего сайта, где хотите показать поисковую форму.
• PHP-функция. Если вам удобно редактировать код своей темы, вы можете добавлять функцию поиска непосредственно в файлы шаблонов темы.

Шорткод и PHP-функцию поисковой формы вы можете увидеть в самом верху страницы настройки.

Шаг 5: Ознакомьтесь с остальными настройками плагина (необязательно)

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

Настройка функции автодополнения

Плагин по умолчанию включает автодополнение поиска. Его можно настроить (отключить, выбрать количество отображаемых символов). За это отвечает вкладка Autocomplete & Suggestions.

Настройки фильтрации

Если вы хотите предоставить посетителям больше контроля над результатами поиска, можно добавить параметры фильтра, которые позволят:

• искать определенное содержимое (например, только заголовок записи);
• искать по конкретным категориям. За это отвечает вкладка Параметры пользовательского интерфейса.

Обработка ключевых слов

Плагин позволяет настроить совпадения вводимых пользователем ключевых слов (закладка Behavior).

Изменение порядка результатов

По умолчанию плагин упорядочивает результаты поиска по их актуальности. Но вы можете изменить это поведение и упорядочить их по дате и названию публикаций. Для этого перейдите на закладку Ordering:

Советуем почитать: Как в WordPress сделать кнопку “Показать еще” вместо обычной пагинации.

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