Создаём удобный и живой поиск WordPress

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

В этой статье рассмотрим, как улучшить поиск WordPress. Мы расскажем вам о создании живого поиска.

Что такое живой поиск и чем он полезен

Живой поиск – это форма поиска, которая при вводе какого-то запроса пытается угадать, что пишет пользователь и предложить уже готовые варианты. Так же, как во многих поисковых системах, когда мы записываем то или иное слово, нам в выпадающем списке предлагают варианты.

Живой поиск хорош тем, что экономит пользователям время. Пусть это мгновения, но им будет приятно осознать, что о них заботятся. Кроме того, возможно пользователь не может сам закончить искомую фразу, и живой поиск тут окажется очень кстати.

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

Dave’s WordPress Live Search

Dave’s WordPress Live Search – за этим громоздким название кроется живой поиск WordPress. Чтобы реализовать его, скачиваем, устанавливаем, активируем плагин, и настраиваем его опции в пункте «Настройки» и подпункте «Live search». Всё на русском языке, поэтому должно быть понятно. Рассмотрим, что умеет этот плагин.

Первая вкладка «Основные» содержит главные настройки:

  • Максимум отображаемых результатов. Сколько вариантов предложит живой поиск. Для бесконечности пишем «0».
  • Максимум символов для включения поиска. Выбирается через сколько букв начнёт работать живой поиск – от 0 до 4 символов. Лучше выбрать поменьше.
  • Направление вывода. Показывать варианты живого поиска снизу или сверху формы поиска WordPress.

Следующая вкладка «Оформление», она отвечает за внешний вид поиска WordPress:

  • Показывать метаданные/ иллюстрации/ цитаты/ ссылку на остальные результаты. Если поставить галочку на том или ином пункте, то можно включить отображение тех или иных данных в живом поиске.
  • Стили. Разнообразные цветовые схемы.

Последняя вкладка «Расширенные» показывает дополнительные настройки живого поиска.

  • Исключения. Записываются пермалинки записей, которые не должны показываться в живом поиске. Именно пермалинки, а не ID. Однако в результате поиска эти материалы всё равно будут.
  • Сдвиг панели вывода. Настраивает положения живого поиска по осе X или Y
  • Включить фильтр содержимого. Если пользуетесь другими плагинами поиска, например, как мы рассказывали тут, то необходимо поставить здесь галочку. В ином случае, плагин не получит доступа к данным формы поиска WordPress.

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

Если вы нашли ошибку, то выделите её и нажмите клавиши Shift + Enter или нажмите сюда, чтобы проинформировать нас.

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (Оцените статью)
Загрузка...

Также по этой теме:

  1. Случайно увидел вашу статью, поставил себе этот плагин, действительно живенко стало с поиском, даже как то интереснее. Советую поставить его, а если его красиво оформить, то это фича добавит время нахождения посетителей.

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

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

Как создать блог. Видео Уроки WordPress © 2017 | Оставляя комментарий на сайте или используя форму обратной связи, вы соглашаетесь с правилами обработки персональных данных.