Как в 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 и на вкладке Общие настройки укажите нужное.

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

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

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

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

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

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

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

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

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

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

Поиск на главной странице сайта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Курс WordPress-разработчик
Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров
Привет! Меня зовут Михаил Петров. Я копирайтер и занимаюсь этим с 2013 года. Скрупулезность и ответственность - моя фишка! Не могу делать как попало и добиваюсь, чтоб заказчик сказал минимум “неплохо”. За все время своей работы пришлось написать и отредактировать немало разной “текстовухи”, включая SEO-тексты, отзывы и прочую чушь. На сегодняшний день специализируюсь на написании информационных статей и руководств технического направления. Вижу смысл и светлое будущее в текстах для людей, а не для машин.