BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Wordpress » Форма поиска для WordPress

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

2016-12-28 / Вр:16:06 / просмотров: 1278

Форма поиска для 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" type="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 ); ?>

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

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

Получай обновления блога!!! Подпишись:

Популярные статьи:

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

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

Subscribe without commenting

Метки: ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 769
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4217