+7-978-086-71-46
заказать звонок
Заказать обратный звонок

Введите ваше имя и любой контакт
(телефон, скайп или e-mail)

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

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

Введите контактный логин скайп *

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

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

Опубликовано: | Обновлено: CSS,Wordpress

Добавляем код в function.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 );

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

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

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

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

/*-----------------------------------------------------------------------------------*/
/* 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 );

и css к нему

/*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;
}   


Другие статьи

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

Введите ваше имя и любой контакт
(телефон, скайп или e-mail)

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

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

Введите контактный логин скайп *

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

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

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

Указать точное время звонка

или позвоните мне по телефону
+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"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

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

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

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

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