Добавляем код в 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]
