Шаг №35.Как добавить форму поиска в любое место на сайте?

Друзья, всех приветствую на своем сайте,в этом уроке я хочу показать Вам как добавить форму поиска WordPress в любое место на сайте. Действительно, ознакомившись с этим уроком Вы сможете добавить форму поиска для wordpress в записи или страницы используя короткий код, который как правило берется в квадратные кавычки[].

Выводим стандартную форму поиска

Все что понадобится сделать, так это открыть файл functions.php Вашего шаблона и вставить код:

add_shortcode('wpbsearch', 'get_search_form');

Вот так просто, теперь для того чтобы вывести форму поиска в wordpress в статьях или записях, Вам следует воспользоваться кодом [wpbsearch];

Этот код, выведет стандартную форму поиска на сайте;

Модернизированная форма поиска

Если Вы хотите модернизировать форму поиска то тогда Вы можете воспользоваться вот этим кодом(его также нужно вставлять в файл functions.php):

function wpbsearchform( $form ) {
 
$form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
 <div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
 <input type="text" value="' . get_search_query() . '" name="s" id="s" />
 <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
 </div>
 </form>';
 
return $form;
}
 
add_shortcode('wpbsearch', 'wpbsearchform');

Для того что бы использовать модернизированную форму на страницах блога на wordpress,либо в записях, укажите код [wpbsearch]

В дальнейшем настроить внешний вид формы поиска можно при помощи CSS. Об этом мы поговорим в следующих уроках,подписывайтесь на обновления, что бы ни в коем случае не упустить интересные уроки по wordpress.

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

Голосование:

Помогла ли Вам данная статья установить форму поиска на сайт?

 

  • http://frilka.com Марина Лазарева

    Да уж… с HTML у тебя все здорово! 🙂 А, у меня вот с этим так себе…

    .

  • Артур

    Артём, здравствуйте, подскажите пожалуйста, поставил wordpress и не могу поменять в строке поиска английское слово — search, на русское слово — поиск, как у вас это реализовано, то есть, это то слово, которое высвечивается в строке поиска пока не кликнешь по строке, чтобы ввести поисковый запрос, после клика оно исчезает. Понимаю, что тупой вопрос, но никак найти не могу, сам с вордпресс столкнулся впервые.

  • Виталик

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

    • http://wpcreate.ru Артем Петрусенко

      Пока такого урока нет.

  • Julie

    Добрый день.
    Я создала тему сайта в wordpress на локальном компьютере/сервере Denwer, протестировав вдоль и поперек, перенесла тему/шаблон на сайт. Все бы хорошо, но непосредственно на сайте исчезла строка поиска.
    При добавлении виджета «Поиск» появляется окно и кнопка для поиска именно с моими параметрами, но, естественно, не в том месте, что надо. Можете подсказать, почему так происходит?

  • max

    Артем Петрусенко:
    Спасибо получилось очень важный урок, только в мобильной верссии сайта (когда просматриваешь через смартфон плагин вптоуч) вместо поиска шорткод — как нибудь можно это дело исправить

    Ps у меня модернезированая форма от простой ни чем ни отлечается в чем разница?

  • http://botsman86.ru Наталья

    Добрый день. Как поиск установить на одну, конкретную страницу? 🙁 🙁 🙁

  • http://avatek34.ru Александр

    Добрый день!
    Подскажите, пжл, как убрать поиск из заголовка?
    Спасибо.

  • http://itpep.ru/ Radik

    Благодаря уроком сделал этот сайт ! 😉 😉

  • http://бланки-договоров.рф Василий

    Большое спасибо! Ваша статья мне очень помогла хотелось бы узнать как настраивать эту форму?

  • http://bepixel.ru KunRAG

    Спасибо ) Статья помогла…

  • Александра

    Здравствуйте! не смогла найти файл functions.php
    я совсем чайник 🙂
    подскажите где он примерно должен быть)))

    • Макс

      /wp-content/themes/название вашей темы

  • МОе

    куда вставить add_shortcode(‘wpbsearch’, ‘get_search_form’); вообще нихрена не понятно