Как сделать форму поиска для CMS WordPress

29.12.2013

Для того, чтобы добавить в шаблон сайта форму для поиска по сайту, нужно добавить код

<?php get_search_form(); ?>

— этот код подключает файл searchform.php, который содержит форму поиска:

<div class="search-block">
    <form role="search" method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
        <input id="s" type="text" placeholder="Поиск по сайту" name="s" value="">
        <input type="submit" id="searchsubmit" value="" />
    </form>
</div>

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

.search-block {
    position: relative;
}

.search-block #s {
    border: 1px solid #d4d4d4;
    padding: 10px 40px 10px 20px;
    width: 310px;
}
    
.search-block #searchsubmit {
    background: url("images/s.png") no-repeat 0 0;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 7px;
    top:7px;
    width: 21px;
}

Вы же можете прописать любые стили, которые подходят под ваш шаблон.

Чтобы получить страницу для вывода результатов поиска, можно скопировать файл, в котором выводятся категории и назвать его search.php.

Полезная инфа:

Оставить комментарий