+7-499-703-00-44
заказать звонок
Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Спасибо за оставленную заявку
Ожидайте звонка

Добавляем поиск в меню WordPress

15 июня 2017 CSS,Wordpress

Добавляем код в function.php

[php]
/**
* Add search box to nav menu
*/
function wpgood_nav_search( $items, $args ) {
$items .= ‘<li>’ . get_search_form( false ) . ‘</li>’;
return $items;
}
add_filter( ‘wp_nav_menu_items’,’wpgood_nav_search’, 10, 2 );
[/php]

get_search_form подтягывает обычно офрмленный поиск с шаблона

Если хотите добавить свой поиск по примеру

необходимо добавить код

[php]
/*————————————————————————————*/
/* Add search in menu
/*————————————————————————————*/
function wpgood_nav_search( $items, $args ) {
$items .= ‘<li>’ . ‘<form role="search" method="get" id="searchform" class="searchformMenu" action="’ . home_url(‘/’) . ‘" >
<div class="search-table flex">
<div class="search-field"> <input type="text" value="’ . get_search_query() . ‘" name="s" id="s" /></div>
<div class="search-btn"><input type="submit" class="search-btn" id="searchsubmit" value="’. esc_attr__( » ) .’" /></div>
</div>
</form>’ . ‘</li>’;
return $items;
}
add_filter( ‘wp_nav_menu_items’,’wpgood_nav_search’, 10, 2 );
[/php]

и css к нему

[php]
/*search form in menu */
.searchformMenu .search-table {

}
.searchformMenu .search-field {
display: table-cell;
vertical-align: top;
visibility: hidden;
width: 0px;
}

.searchformMenu:hover .search-field {
visibility: visible;
width: 150px;
transition: 0.7s;
}
.searchformMenu .search-field input {
border: 0;
border-radius: 5px 0 0 5px;
}
.searchformMenu .search-btn{
display: table-cell;
vertical-align: top;
position: relative;

}
.searchformMenu .search-btn input {
background: inherit;
border: 0;
border-radius: 0 5px 5px 0;
cursor: pointer;
z-index: 3;
}

.searchformMenu:hover .search-btn input {
background: rgba(239, 239, 239, 0.77);
}

.searchformMenu .search-btn:before{
content: "\f002";
font-family: FontAwesome;
position: absolute;
color: #6b6b6b;
z-index: 2;
line-height: 40px;
display: block;
margin: auto;
text-align: center;
left: 0;
right: 0;
font-size: 13px;
}

[/php]

Похожие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для обсуждения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Введите адрес сайта, который нуждается в продвижении *

или позвоните нам по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
[contact-form-7 404 "Not Found"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам,
чтобы ответить на ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Начать сотрудничество
Введите ваше имя и телефон.
Я лично перезвоню Вам,
чтобы ответить на ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Обсудить условия
Вкратце опишите Вашу ситуацию или задайте свои вопросы, я свяжусь с вами в течении 15 минут в рабочее время
Введите контактный E-mail (используется для ответа)

Введите контактный телефон

Сообщение

Спасибо за оставленную заявку
Ожидайте звонка