Как сделать стандартный результат поиска на сайте красивым

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

Этот трюк работает только на сайтах, сделанных на WordPress.

И так, откройте файл, отвечающий за выдачу результатов при поиске — search.php, который находится в папке вашей темы. Найдите строку, которая имеет вызов следующей функции — the_exerpt() и замените её на следующую строку кода.

echo $excerpt;

Теперь сразу же после этой строчки добавьте ещё один кусок кода.

$excerpt = get_the_excerpt();
$keys = explode(" ",$s);
$excerpt = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt">\0</strong>', $excerpt);

Теперь откройте ваш основной файл стилей и добавьте в него следующий класс — search-excerpt. И задавайте те стили, которые вам вздумается.



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

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