Форма поиска для WordPress

В темах WordPress есть файлы, которые отвечают за вывод некоторых блоков. Вот, например, файл «sidebar.php» отвечает за вывод боковой панели, файл «footer.php» отвечает за вывод нижней части сайта (подвал или футер), а в файле «searchform.php» находится сама форма поиска.
Вот о файле  «searchform.php» и пойдет сегодня речь.

Итак, я уже говорил, что в файле «searchform.php» содержится форма поиска. Вот такую форму поиска прописал я в своей теме:

<form class="search-mein" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<input class="search-text" ENGINE="text" name="s" id="s" value="Поиск..." onfocus="if (value == 'Поиск...') {value = ''}" onblur="if (value == '') {value = 'Поиск...'}" />
<input class="search-btn" type="image" src="<?php bloginfo('template_url'); ?>/images/search.png" />
</form>

Здесь прописана форма и кнопка со всеми css стилями.

То есть, для работы формы достаточно в файле «searchform.php» разместить вот такой код:

<form method="get" id="searchform" action="<?php echo home_url( '/' ) ?>" >
<input type="text" value="<?php echo get_search_query() ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="найти" />
</form>

Теперь можно вывести форму поиска через виджеты, а можно в самой теме через код.
Например, вам нужно вывести форму поиска в блоке с меню или в шапке сайта, либо в футере.
Открывайте файл, который отвечает за вывод нужного блока, например «header.php» и вставляете вот такой код:

<?php get_search_form(); ?>

Этот код вызова формы поиска из файла «searchform.php».
Если форма поиска не появилась, попробуйте воспользоваться вот таким кодом:

<?php include(TEMPLATEPATH . '/searchform.php'); ?>

За результат поиска отвечает файл «search.php».
Вот такой можно поставить простенький код  в файле «search.php» для вывода результата:

<div class="search-rezult">
<? if ( have_posts() ) : ?>
<h1><? printf( __( 'Результаты поиска: %s'), '<span>' . get_search_query() . '</span>' ); ?></h1>
<ol class="find">
<? while ( have_posts() ) : the_post(); ?>
<li><h2><a href="<? the_permalink() ?>"><? the_title() ?></a></h2>
<p><? echo(get_the_excerpt()) ?></p></li>
<? endwhile; ?>
</ol>
<? else : ?>
<h1>Ничего не найдено</h1>
<p>Ничего не найдено, попробуйте еще раз</p>
<br />
<? get_search_form(); ?>
<? endif; ?>
<?php echo paginate_links( $args ); ?>
</div>

Основное по коду сейчас расскажу:

<li><h2><a href="<? the_permalink() ?>"><? the_title() ?></a></h2>

Этот кусок строки отвечает за вывод заголовка и ссылки на статью.

<p><? echo(get_the_excerpt()) ?></p></li>

Это – краткое описание статьи.

<h1>Ничего не найдено</h1>
<p>Ничего не найдено, попробуйте еще раз.</p>

Текст, если на сайте ничего не нашлось.

<? get_search_form(); ?>

Вывод формы поиска.

<?php echo paginate_links( $args ); ?>

Вывод пагинации (почитайте тут)

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

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

Нажмите, чтобы отменить ответ.

Имя (required)

Mail (will not be published) (required)

Сайт

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: wordpress, без плагинов