Вставка в шаблон дизайна поля поиска

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

searchbar.gif
  1. Входим в редактор сайта. В верхней панели инструментов нажимаем на иконку "Настройки".
  2. Находим вкладку Поиск.
  3. Ставим галочку напротив "Показывать форму поиска".
  4. Сохраняем изменения.

На странице появляется форма поиска, которую нужно теперь настроить с помощью изменения дизайна.

Настройка шаблона дизайна

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

searchbar2.gif
  1. Входим в редактор сайта. В верхней панели инструментов нажимаем на иконку "Изменить дизайн".
  2. Нажимаем кнопку добавить - добавляем нестандартное определение.
  3. Вписываем название CSS-правила "#pageSearch". Сразу можно и вписать CSS-атрибуты, а можно их задать непосредственно с помощью изменения дизайна.
  4. Сохраняем новое нестандартное определение.
  5. Выбираем его в общей панели (оно появится в самом конце).
  6. Редактируем настройки поля поиска через интерфейс изменения дизайна.
  7. Для просмотра изменений нажимаем "Применить", для сохранения - Сохранить.

Настройка выделения поискового запроса в тексте страницы

Для того, чтобы выделить то, что искал пользователь в тексте результатов, вы можете создать еще один нестандартный элемент шаблона: .objectSearch .match.

searchbar3.gif

Добавление этого элемента происходит точно так же, как описано выше в пункте "Настройка дизайна" за исключением названия CSS-правила.