Как наладить поиск по сайту?

15.07.2024

Как наладить поиск по сайту?

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

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

Создание формы поиска

Форму поиска (обычный HTML-код) можно написать прямо в шаблонах в элементе HTML-код веб-страницы, но это не самый продуманный вариант, если, вдруг, Вам понадобится быстро изменить один и тот же код сразу в нескольких шаблонах. Лучше создать одно редактируемое поле, в котором будет HTML-код формы. И уже это поле можно вставить во всех (нужных) шаблонах. Так в случае изменения кода в форме, он автоматически изменится во всех (нужных) шаблонах.

  1. Перейдите в раздел Контент \ Редактируемые поля (можно в другой подраздел раздела Контент)
  2. Нажмите Добавить новую запись
  3. Укажите любое название, например, Форма поиска
  4. Укажите любой ID, например, search-form (дальше будет ориентироваться именно на такой ID)
  5. Выберите шаблон Многострочное поле без редактора и нажмите Добавить. Если такого шаблона нет (был удалён), то ознакомьтесь с тем, как создать шаблон и вставить в него элемент Многострочное поле без редактора.
  6. Вставьте в поле Содержимое поля без редактора (название может быть другое), код указанный ниже, скорректируйте его под свои нужды и сохраните изменения.

Пример кода:

<form method="post" action="/search/">
  <input placeholder="Поиск..." type="text" name="search" value="{plugin:current_SearchText}" />
  <input type="submit" value="Найти">
</form>

Для тега form, можно изменить следующее:

  • method - может быть, как post, так и get. Во втором случае поисковый запрос будет доступен в адресной строке браузера
  • action - здесь должен быть указан адрес страницы, на которой будут располагаться результаты поиска. В нашем случае это страница с ID search. Далее будем ориентироваться именно на него, хотя ограничений на ID страницы с результатами поиска нет.

Поле, в котором будет вводиться поисковый запрос, обязательно должно иметь значение search в свойстве name. Изменить можно следующее:

  • type - может быть любым, подходящим в Вашем случае, например, number. Но в большинстве случаев лучше оставить text или search.
  • value - можно оставить пустым или написать любой другой текст, который сразу же будет отображаться в поле для ввода поискового запроса. Чтобы автоматически отобразить здесь только что введённый поисковый запрос, напишите {plugin:current_SearchText}

Других ограничений или обязательных требований нет. Для отправки формы можете использовать, как <input type="submit"><input type="image"><button type="submit"></button>, так и любой другой, допустимый в HTML, вариант.

Естественнно, код формы нужно оформить в стиле Вашего сайта, если он сильно выделяется на фоне других элементов интерфейса wink

Код формы поиска, например, имеющей вид {plugin:content;id:search-form;value:multistringfield_1_value}, будет виден ниже поля Содержимое поля без редактора (название может быть другое). Скопируйте его и вставьте в элемент HTML-код веб-страницы во всех нужных шаблонах. Если код формы не виден, то на панели инструментов нажмите кнопку Подсказки и помощники по вставке плагинов и свойств: показать.

Создание списка результатов поиска

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

  1. Перейдите в раздел Справочники \ Оформление меню нажмите Добавить новую запись
  2. Нажмите Добавить новую запись
  3. Укажите любое название, например, Результаты поиска
  4. Укажите любой ID, например, search-results (дальше будет ориентироваться именно на такой ID) и нажмите Добавить

Далее в самом простом случае достаточно заполнить только поле HTML-код обычной записи, например, таким кодом:

<p>
  <a href="{content_url_value}">{content_name}</a>
</p>

Чуть более сложный вариант, в котором также будет отображён путь к найденным страницам при условии, что вариант меню с ID path существует (не было удалён):

<p>
  <a href="{content_url_value}">{content_name}</a>
  <br />
  {plugin:menu;id:path;select:path;factor:{content_id}}
</p>

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

  • HTML-код до списка подстраниц: <p><a href="{menu_subpage_firsturl}" title="В начало списка">«</a>
  • HTML-код после списка подстраниц: <a href="{menu_subpage_lasturl}" title="В конец списка">»</a></p>
  • HTML-код обычного элемента списка подстраниц: <a href="{menu_subpage_url}">{menu_subpage}</a>
  • HTML-код активного элемента списка подстраниц: <a href="{menu_subpage_url}">{menu_subpage}</a>

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

Осталось только вставить код для вызова списка результатов поиска в основной текст страницы c ID search (либо с другим ID, который указан в форме поиска), либо в HTML-код её шаблона.

Код может быть, например, таким:

{plugin:menu;id:search-result;search:{plugin:current_SearchText};inlist:20;maxsubpages:10;factor:.;select:children-all;sort:name}

Вы можете использовать другие параметры для вызова плагина универсального меню. Важно обратить внимание на следующие:

  • id: должен быть равен ID списка (меню), созданного для отображения результатов поиска
  • types: здесь можно через запятую перечислить типы, записи, которых Вам нужны. Например, если нужны новости и товары, то напишите news,goods. Если ничего не указывать, то поиск будет вестись по записям всех типов.
  • select: в большинстве случаев больше других вариантов подойдёт all (поиск будет вестись по всей струтуре сайта). Также часто может быть полезен вариант children (для поиска только по непосредственным подразделам того, что указано в factor). И также может быть полезен вариант children-all (для поиска по всем подразделам того, что указано в factor). Последний вариант даёт самую высокую нагрузку на веб-сервер, поэтому не является предпочтительным, если другие варианты дают схожий результат.
  • search: здесь должна быть указана поисковая фраза. Чтобы автоматически указать здесь то, что было введено в форме поиска, напишите {plugin:current_SearchText}.
  • search-cols: здесь через запятую можно указать поля, по которым будет вестись поиск. По умолчанию используется такое значение: id,name,seo_title,seo_description,seo_keywords,maintext_value. Вы также можете добавить в этот список другие поля, в том числе те скрытые поля, про которые написано в начале данной статьи.
  • factor: не будет иметь значение, если в select указано all. Для других, описанных выше, вариантов здесь можно указать ID той страницы, подразделы которой нам важны в поиске, например, catalog для поиска товаров и их категорий. Если нужно указать самый верх структуры (для поиска по всем её подразделам), укажите точку - .
  • inlist: позволит не выводить огромное количество результатов поиска на одной странице, а разбить список на несколько подстраниц, ограничив каждую максимально допустимым, указанным здесь количеством записей
  • maxsubpages: позволит ограничить количество подстраниц с результатами поиска на случай, если их будет слишком много
  • sort: даст возможность организовать один из вариантов сортировки

 


CMS Zion WebEngine является бесплатной системой. Развивается за счёт рекламы, помощи веб-студии #webZion и других спонсоров.

 

Будем рады, если Вы поддержите нас любой суммой, а также поделитесь идеями на счёт каких-либо улучшений и доработок для CMS...

 

Заранее, большое, спасибо

 

Блог обновлений

Zion WebEngine 24.11.15
  • Доработаны классы для интеграции с Яндекс.Карты и Google reCAPTCHA (спасибо Киокушин Online)
    • Актуализированы инструкции для настройки интеграции с картографическим веб-сервисом и веб-сервисом защиты от спама

Zion Catalog Zion Mail Back Классы Помощники/Мастеры/Инструкции/Подсказки Спам Файлы/Папки

Zion WebEngine 24.11.12
  • Доработаны элемент Файл и вспомогательный класс для работы с изображениями (спасибо Киокушин Online)
    • Устранены недочёты в методе заказчки файлов/изображений, которые использовались только для нестандартного функционала

Zion WebEngine Zion Pub Hub Изображение Классы Файлы/Папки Элементы Что такое Элементы?

Zion WebEngine 24.10.10
  • Доработан плагин MailBack (спасибо Docke Prof)
    • Скорректировано отображение формы обратной связи
    • Для некоторых элементов формы присвоены дополнительные CSS-классы, чтобы было проще кастомизировать оформление формы под нужны конкретного проекта

Zion Mail Back Обратная связь/Обратный звонок Плагины Формы Что такое Плагины?

Zion WebEngine 24.08.20
  • Доработаны класс для управления заказами и настраиваемый модуль для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
    • Реализована возможность отправлять в ЮКассу комментарий к заказу
    • Реализована возможность использования нестандартных реакций на заказы

Zion Catalog Zion xPayment Классы Корзина для заказов Настраиваемые модули Реакции на заказ Способы оплаты Что такое Классы?

Zion WebEngine 24.07.31
  • Доработаны класс для управления способами оплаты и настраиваемый модуль для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
    • Разработка нового способа оплаты завершена

Zion Catalog Zion xPayment Классы Настраиваемые модули Способы оплаты

Zion WebEngine 24.07.29
  • Продолжена разработка настраиваемого модуля для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
    • Устранены недочёты при связи с платёжной системой - ведётся тестирование

Zion xPayment Настраиваемые модули Способы оплаты

Zion WebEngine 24.07.26
  • Продолжена разработка настраиваемого модуля для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
    • Устранены некоторые недочёты - ведётся тестирование

Zion xPayment Настраиваемые модули Способы оплаты

Zion WebEngine 24.07.25
  • Продолжена разработка настраиваемого модуля для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
    • Устранены некоторые недочёты - ведётся тестирование
  • Доработан класс для управления базой данных:
    • Теперь отображаются корректные заголовки в таблице со списком заказов

Zion WebEngine Zion xPayment База данных/Таблицы данных Классы Корзина для заказов Настраиваемые модули Способы оплаты Что такое Классы?

Zion WebEngine 24.07.24
  • Продолжена разработка настраиваемого модуля для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
    • Внедрён весь необхоимый функционал - ведётся тестирование

Zion xPayment Настраиваемые модули Способы оплаты

Zion WebEngine 24.07.19
  • Начата разработка настраиваемого модуля для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
  • Доработан настраиваемый модуль для онлайн-оплаты через Тинькофф:
    • Упразднены некоторые недочёты, не влияющие на корректность прохождения платежей

Zion xPayment Настраиваемые модули Способы оплаты

Zion WebEngine 24.07.17
  • Доработаны классы для управления проектом, а также меню и списками (спасибо Киокушин Online):
    • Упразднены некоторые архаизмы

Zion WebEngine Классы Меню/Списки/Навигация Плагин Menu

Zion WebEngine 24.07.15
  • Доработаны меню администратора для ядра и галерей, помощник по вставке плагина меню, а также классы для управления транспортными компаниями, меню и списками, галереями и слайдами (спасибо Киокушин Online):
    • Всё содержимое раздела Навигация "переехало" в раздел Справочники

Zion WebEngine Zion xDelivery Zion Gallery Что такое Меню администратора? Галереи/Слайды Классы Меню/Списки/Навигация Меню администратора Плагины Помощники/Мастеры/Инструкции/Подсказки Способы доставки/самовывоза

Zion WebEngine 24.07.11
  • Доработаны класс управления корзиной заказов и административные CSS-стили (спасибо Киокушин Online):
    • Меню администратора стало более компактным, что может быть полезно при большом количестве типов контента, которые раньше могли не помещаться на экране
    • Расширены возможности по кастомизации формы заказа для интернет-магазинов

Zion WebEngine Zion Catalog Интернет-магазин Классы Контент/Контентные единицы Корзина для заказов Меню администратора Типы Формы Что такое Тип контента?

Zion WebEngine 24.07.10
  • Доработаны административные скрипты (спасибо ТК Кило):
    • Удалён устаревший, более не использующийся для связей функционал
  • Доработан класс для управления HTTP-ошибками:
    • Более корректно налажена отправка HTTP-заголовков с кодами ошибок

Zion WebEngine Классы Связи Страницы ошибок Что такое Классы?

Zion WebEngine 24.07.09
  • Доработан класс для управления пользователями (спасибо Киокушин Online):
    • Более корректно указаны названия для некоторых новых полей в форме правки данных о пользователе

Zion WebEngine Доступы/Пользователи Классы Формы для пользователей

Zion WebEngine 24.07.08
  • Доработан главный файл гостевого интерфейса:
    • Устранены проблемы в одном из недавних обновлений CMS

Zion WebEngine Что такое CMS Zion WebEngine? Гостевой интерфейс Обновления CMS Страницы ошибок

Zion WebEngine 24.07.05
  • Доработан класс для управления пользователями (спасибо Киокушин Online):
    • Расширены возможности некоторых форм для пользователей и их обработчиков

Zion WebEngine Доступы/Пользователи Классы Обработчики Формы для пользователей Что такое Классы?

Zion WebEngine 24.07.04
  • Доработаны классы для управления проектом, пользователями, базой данных и интеграцией с Рекламной сетью Яндекса, а также главный файл гостевого интерфейса, монитор очистки и файлы настроек доступа по умолчанию, плюс создан класс для управления HTTP-ошибками:
    • Улучшена интеграции с Рекламной сетью Яндекса
    • Сильно переработан принцип работы со страницами ошибок
    • Значительно уменьшен размер дистрибутива

Zion WebEngine Что такое система Мониторинга? База данных/Таблицы данных Баннеры Гостевой интерфейс Доступы/Пользователи Классы Мониторинг Страницы ошибок

Zion WebEngine 24.07.01
  • Доработан плагин универсального меню (спасибо Киокушин Online):
    • Устранены недочёты с сортировкой чисел по убыванию

Zion WebEngine Меню/Списки/Навигация Плагины Число Плагин Menu

Zion WebEngine 24.06.26
  • Доработан класс для управления пользователями (спасибо ЛеоСталь):
    • Устранены некоторые недочёты с отображением даты регистрации пользователей в административном интерфейсе
  • Доработан класс для управления проектом:
    • Снова стало доступно отображение иконок для пунктов меню администратора
  • Создан отдельный класс интеграции с Рекламной сетью Яндекса

Zion WebEngine Что такое Меню администратора? Административный интерфейс Баннеры Дата/Время/TimeMashine Доступы/Пользователи Классы Меню администратора