ajax search lite wordpress настройка

Ищем с Ajax Search Lite и Pro

Давно заметил, что пользователей сети можно очень условно, но все же, разделить на две группы — те кто не использует поиск на сайтах и тех, кто не представляют как вообще можно без него обходится. Причем, первая группа не то, что бы совсем не использует поиск, но юзает его уже как самое последнее средство. А зря!

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

Сегодня рассмотрим один из самых продвинутых плагинов для организации поиска — Ajax Search. Существует он в двух вариантах Lite — ограниченном, бесплатном и полноценным в версии PRO.

Плагин позволяет вывести у нужном месте вашего сайта простенькое на вид окно для ввода поисковых запросов. Для премиум версии формы поиска могут иметь очень гибко настраиваемый внешний вид. Результаты поиска тут же выводятся, как принято говорить — в «живом» виде. То есть, набрали вы всего несколько первых букв, задумались на секунду, а поиск уже услужливо «вываливает» под строкой все подходящие результаты. Ввели еще пару следующих букв — и снова поиск тут же подыскивает и выдает все подходящие варианты. Удобно, практично и можно даже сказать — эффектно.

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

  • Поиск по постам и страницам
  • Поиск по любым кастомных типам записей (например, товары, портфолио и тому подобное)
  • Поиск по заголовкам, описаниям, кастомным полям и комментариям
  • Вывод изображений в результатах поиска
  • Использование шорткодов или обычного кода для вывода поиска в любом месте сайта
  • Более 300 (40 в бесплатном варианте) опций по настройке
  • 60 с лишним встроенных тем оформления + полная кастомизация по желанию
  • Четыре шаблона для визуального вывода результатов поиска — Vertical / Horizontal / Polaroid и Isotopic
  • Поддержка Google Keyword
  • Интеграция с Google analytics
  • Адаптивность к размеру мобильных экранов
  • Использование собственного кеша для наилучшего быстродействия
  • Страница со статистикой поиска
  • Собственные виджеты для садбаров
  • И прочее…

Установка и настройки

Стандартная установка из админки для бесплатного варианта. Премиум придется вручную загрузить на сервер. После активации плагин уже работает и вам следует просто вывести его например, в сайдбаре с помощью шорткода или виджета. По большому счету, можно больше ничего не настраивать и сразу наслаждаться результатами. Для более тонкой настройки параметров плагина перейдите раздер Ajax Search в вашей админке.

  • Genearal Options — общие настройки. Можно выбрать визуальную тему для вашего поиска, включить/выключить поиск по статьям и страницам, заголовкам, описаниям, отрывкам. Добавить в поиск кастомные поля, настроить общее количество, сортировку результатов и прочие полезные мелочи.
  • Image Options — детальная настройка вывода миниатюр в результатах поиска.
  • Frontend Search Settings — настройки внешнего вида и инструментов для пользователей. Тут же настройки и поля для быстрой локализации различных селекторов и список возможных категорий для исключения из фильтров поиска.
  • Layout Options — настройки вывода результатов поиска. И опять же, возможность быстрого перевода полей с названиями для ряда селекторов.
  • Advanced Options — продвинутые настройки. Исключение отдельных категорий и постов, страниц по их ID. Включение совместимости с мультиязычным плагином WPML.

Выше я описал основные настройки для бесплатной версии плагина. В премиум варианте их гораздо больше. Есть возможность создавать и добавлять разные формы поиска, видеть детальную статистику из админки и подключить Google Analytics. Посматривать статистику ошибок, настроить кеширование плагина, настраивать совместимость плагина с темой по CSS and JS параметрам, выставлять свои приоритеты для поиска, делать импорт и экспорт. Кроме того, для каждой новой формы добавляются:

  • Multisite Options — настройки поиска для нескольких блогов.
  • Autocomplete & Suggestions — настройки автозаполения.
  • Theme Options — детальные настройки для каждой из более чем 50 готовых тем оформления.
  • Relevance Options — настройка вывода результатов поиска по релевантности с помощью задания специальных весовых параметров.

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

Читайте также:  мастер по настройке котлов бакси

Выводы

Ajax Search — чрезвычайно мощный и великолепно настраиваемый плагин для поиска. Один из лучших, если не самый лучший. Обилие настроек, особенно в премиум версии может даже по началу слегка ошарашить, но вникая постепенно в тонкости, все чаще ловишь себя на мыслях типа — «А вот это очень кстати…», или «И даже так можно…». Попробуйте бесплатный вариант и взгляните на платные возможности в демо версии по ссылке ниже. Уверяю, равнодушными не останетесь точно.

источник

WordPress.org

Русский

Ajax Search Lite

Описание

Ajax Search Lite — is a live search plugin for WordPress. This responsive live search engine, which will boost your user experience by providing a user friendly ajax powered search form — an ajax live search. You can filter the results with the category and post type filter boxes as well. Google autocomplete and keyword suggestions also included.

Very smooth animations with mobile device support and regular updates. Use Ajax Search Lite as a replacement for the default WordPress search with a better looking, more efficient search engine.
Fine-tune the user experience by providing a powerful ajax search plugin to your visitors. It will rock your site! Supports custom post types and custom fields and more. Boost your site search engine with this custom built live search engine.

Features List:

  • Search in posts and pages
  • Search in custom post types such as WooCommerce products, Events, Portfolio items and more
  • Search in title, description, excerpt, categories and tags and custom fields
  • Automatic search replacement as well as widget and shortcode availalbe
  • Custom Filter boxes (checkbox filters) for categories and post types
  • WPML and Qtranslate compatible
  • 8 built in templates + options for color adjustments
  • Retina ready vectorized SVG and CSS3 icons
  • Category and post exclusions
  • Frontend search settings boxes
  • Images in search results
  • Fully ajax powered
  • 40+ options on the backend
  • Caches images for faster response time
  • Performance Options
  • Google analytics integration
  • Primary and Secondary ordering options
  • Highly compatible and responsive

Pro version fetures:

  • Frontend Demo: Ajax Search Pro
  • Search in BuddyPress, BBPress, JigoShop, Woocommerce
  • Search in Media Attachments and contents (PDF, Office etc..)
  • Search in BuddyPress activity feed, users and group names
  • Search in PeepSo Groups and Group Activities
  • Search result grouping by categories or post types
  • Search in custom fields
  • Advanced caching technology — image precaching, search phrase caching
  • Category filters, custom field filters, post type filters, tag filters, taxonomy term filters and date filters
  • Post grouping by category, post type or content type
  • Search in comments
  • 100+ Themes — Fully configurable and editable — with theme customizer & preview window
  • 4 layouts: Vertical, Horizontal, Polaroid and Isotopic (with pagination)
  • 400+ Admin options
  • Google keyword suggestions and autocomplete
  • Compatibility options and features
  • Caching options & Search statistics
  • Keyword Highlighting & more…
  • Highly compatible and responsive
  • Full features list: Full Features List

Сайт плагина

Скриншоты

Установка

  1. Upload ajax-search-lite to the /wp-content/plugins/ directory
  2. Активируйте плагин используя меню ‘Плагины’ в WordPress
  3. Place the shortcode from the settings into your template or post-page

Часто задаваемые вопросы

It is most likely a cache related issue. Make sure to clear all website cache, including page, minify, browser and CDN as well.
After that, refresh your browser window by hitting CTRL + SHIFT + R buttons (CMD + SHIFT + R on Mac) a few times.

The images are not showing, what is wrong?

The search parses the first image from the post/page content. Most likely there
is no image in post.

When I type in something, the search wheel is spinning, but nothing happens

It is most likely, that another plugin or the template is throwing errors while the
ajax request is generated. Disabling all the plugins one by one can help you rule out which plugin
is creating the issue.

I disabled all the plugins but the search wheel is still spinning to infinity, nothing happens

You should contact me on the support forum with your website url. I will check your website
and will let you know what to do.

источник

Внедряем живой поиск в WordPress с помощью плагина Ajax Search Lite

Привет, всем читателям блога WordPressInside. Меня зовут Андрей, я разработчик и автор блога о WordPress для вебмастеров — https://wpmaster.kz. В этой статье, решил поделиться с вами инструкцией по внедрению на ваш сайт или блог так называемого «живого поиска». В отличии от классического поиска в Вордпресс, доступного по умолчанию, здесь результаты с прямыми ссылками на найденные статьи сразу будут отображаться реальном времени.

Поиск будет осуществляться с помощью бесплатного плагина Ajax Search Lite. Я его выбрал не случайно. Когда я искал решение для своего блога, я попробовал ещё 3 плагина, но в каждом из них, было что-то, что мне не нравилось. Либо нельзя было настроить внешний вид, либо блок с результатами был какой-то хилый… В общем, подошел под мои требования только вышеупомянутый товарищ. Кстати, если вам нужна подобная функциональность для магазина, то читайте статью про плагины Ajax поиска для WooCommerce.

Читайте также:  диск настройка для win 7

Как вы уже поняли из названия плагина, поиск будет осуществляться с помощью технологии Ajax. С помощью неё, можно подгружать любой контент на сайте без перезагрузки страницы. Собственно, поэтому поиск и называется «живой» (или его ещё называют «умный поиск»). Итак, давайте уже перейдём к делу.

И по традиции, первым делом вам нужно установить плагин Ajax Search Lite из репозитория WordPress. Если вы не знаете как устанавливать, читайте статью установка плагинов, там всё предельно понятно.

После установки и активации плагина, в левом меню админки появится новый пункт «Ajax Search Lite».

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

На главной странице вы увидите короткий код поиска, так называемый шорткод:

Его можно использовать чтобы вывести форму поиска, например, в сайдбаре сайта. Или же, в коде страницы. Для этого нужно воспользоваться специальной функцией do_shortcode(); которая интерпретирует шорткоды в данной CMS. Более подробнее о них можете узнать в статье шорткоды WordPress.

Далее идёт непосредственно блок с параметрами самого плагина. Давайте теперь детальнее рассмотрим наиболее важные из них. Я постараюсь максимально доходчиво разъяснить каждый пункт.

Раздел «Общие настройки» Ajax Search Lite

Подраздел Sources & Basics

Первая настройка предлагает попробовать заменить стандартную форму поиска на живую. Она была для меня в приоритете и именно она послужила тому, что я выбрал этот плагин. Как только вы включите эту функцию, плагин попробует заменить дефолтную форму поиска на свою. Честно говоря, очень удобная функция. У меня даже на странице 404 форма заменилась на живую.

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

Далее идут кнопки с настройками:

  • Поиск по названию — Ищет искомые слова в названиях статей (я включил).
  • Поиск по содержанию — Ищет в самом контенте статей (я включил).
  • Искать в комментариях — Если в комменте будет нужное слово покажет его статью (я включил).
  • Поиск в постоянных ссылках — Думаю не зачем искать информацию там, где не нужно. Возможно в очень редких случаях это и пригодится, но лично я не вижу смысла (у меня отключено).
  • Search in post (and CPT) IDs — Эту настройку даже я не понял, скорее всего что-то связанное с поиском по ID, хотя вообще не представляю для чего это нужно (у меня отключено).
  • Поиск всех пользовательских полей — Эта настройка позволяет искать не только в стандартных полях (заголовки и контент) но и в пользовательских тоже. В том числе и в полях от плагина ACF (я включил).
  • Post statuses to search — Важная настройка. Она позволяет искать в любых типах записей в том числе и в закрытых, запароленных и личных. Поэтому устанавливаем значение publish.
  • Поиск в терминах (категории, теги) — Рекомендую отключить эту настройку, чтобы результаты не дублировались. Я об этом написал немного выше (у меня отключено).

Подраздел Behavior

Первая опция ищет только точные соответствия. Как я понял, даже регистр имеет значение. Поэтому я не стал включать её, так как люди по-разному ищут одни и те же вещи.

В логике ключевых слов, советую выбрать AND. В противном случае, модуль будет искать не все слова, а только какое-то одно из введённых в форму. Чтобы не усложнять жизнь пользователям, ставьте AND.

Следующие две настройки «Запускать поиск при изменении границ» и «Запускать поиск при наборе текста» рекомендую включить. Первая особо вам не понадобиться, а вот вторую советую настроить следующим образом:

  • Минимальное количество символов для запуска поиска — 1. Как только пользователь введёт первую букву, поиск начнёт искать подходящие варианты.
  • Максимум результатов — 10. В принципе, для обычного блога или новостного сайта этого вполне достаточно. Чем больше будет результатов, тем медленнее будет работать поиск, учтите это.

Следующих два параметра отвечают за клик по ключевому слову и иконке. В обоих случаях, я рекомендую выставить параметры “перенаправить на страницу поиска” и открытие в этом же окне (чтобы вкладки не копились в браузере).

Оставшиеся настройки можно не трогать. Например, у меня, метод POST не работает на сайте. Как был поиск с GET параметром, так и остался. Можете попробовать если есть желание.

Подраздел Ordering

Здесь задается порядок и сортировка поиска. Я советую выставить настройки как на скрине выше.

  1. Первым делом, будет искать максимально релевантные результаты.
  2. Вторым делом будет искать более свежие результаты.
Читайте также:  olegon настройка зебры на убунте

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

Подраздел Autocomplete & Suggestions

Первая опция включает подсказки при вводе в форму. Аналогично тому, как это происходит в поисковых системах Гугл и Яндекса. Правда немного другим способом, но суть одна и та же.

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

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

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

Раздел «Параметры изображения»

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

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

Раздел «Параметры пользовательского интерфейса»

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

Раздел «Параметры макета»

Подраздел Макет окна поиска

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

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

Подраздел Макет результатов

Как вы уже поняли, я отключил лишние функции и кнопки, чтобы добиться максимальной производительности. Единственное включил “показать описание в результатах” и “отобразить контекст описания”. То есть, будет показано не просто описание статьи по умолчанию, а именно тот кусок текста, где искомая фраза присутствует. И максимальную длину этого контекста поставил 100 символов. Я думаю, этого вполне достаточно, чтобы человек понял о чём идёт речь.

Подраздел Поведение результатов

В этом пункте я отключил функцию “Открыть результаты в новом окне”, так как считаю это излишним. Сам не люблю, когда переходы идут на одном и том же сайте, а вкладки открываются новые. Я считаю, что в новой вкладке должны открываться только ссылки на другие сайты ИМХО.

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

Подраздел Подсветка ключевых слов

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

Подраздел Custom CSS

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

Раздел «Расширенные»

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

Очень удобная функция на самом деле. Если у вас на сайте есть страницы, которые вы бы не хотели показывать в результатах поиска (может скрыты от поисковых систем или какие-то не очень важные страницы), то их можно скрыть из результатов и пользователи не смогут их найти через этот поиск. То же самое и с целыми категориями. Кстати, в стандартной WP-функции для данной задачи есть модуль Search Exclude.

В заключение

На этом настройка плагина живого поиска Ajax Search Lite закончена. Остальные фишки, не упомянутные здесь, подойдут для более продвинутых пользователей, которые понимают как работает технология Аякс в WordPress’е и знают, что им нужно. Большинству юзеров базовых настроек будет достаточно.

Демонстрацию работы данного плагина с этими настройками вы можете посмотреть на моём блоге. Форма поиска присутствует на каждой странице в самом верхнем сайдбаре.

На этом у меня всё, любые вопросы по настройке плагина задавайте в комментариях. Удачной всем интеграции.

источник

Оцените статью
Adblock
detector