Улучшаем поиск по сайту

Изначально виджет поиска в теме можно установить в правой колонке

поиск colormag

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

Итак, Админ панель — Внешний вид — Редактор, выбрать справа searchform.php

Удалить весь код и вставить этот (при необходимости вы можете изменить русские слова в коде на свои):

 
<?php
/**
 * Displays the searchform of the theme.
 *
 * @package ThemeGrill
 * @subpackage ColorMag
 * @since ColorMag 1.0
 */
?>
<form role="search" method="get" id="searchform" action="<?php bloginfo('siteurl'); ?>">
 
  <div>
 
    <label class="screen-reader-text" for="s">Введите название</label>
 
    <input type="text" value="" name="s" id="s" />
 
     <?php wp_dropdown_categories( 'show_option_all=Где искать' ); ?>
 
    <input type="submit" id="searchsubmit" value="Поиск" />
 
  </div>
 
</form>

Обновите файл.

В результате получаем вот такую форму для поиска

поиск colormag

Чтобы выделить окно поиска цветом введите в дополнительных стилях код:

 
input[type="text"], input[type="email"], input[type="password"], textarea {
border: 1px solid #428bca;
}

и нажмите Опубликовать. Результат:

colormag поиск

Теперь можно кнопку поиск сделать чуть уже. Для этого добавьте в пользовательский css код:

 
.colormag-button, input[type="reset"], input[type="button"], input[type="submit"], button {
padding: 3px 10px;
}

Результат:

colormag поиск

 

Если есть вопросы задавайте их в комментариях.

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

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