Как добавить окно поиска на ваше меню WordPress

Это очень краткое руководство, в котором будет показано, как добавить окно поиска в строку меню WordPress без использования плагинов в WordPress.

Нет необходимости устанавливать какой-либо плагин, чтобы добавить окно поиска в строке меню, просто выполните следующие действия для этого.

Как добавить окно поиска в меню WordPress

Откройте файл functions.php, скопируйте и вставьте фрагмент кода в конце файла и сохраните его. Ниже код автоматически добавит окно поиска в основное меню.

/**
* Добавление окна поиска в меню
*/
add_filter( 'wp_nav_menu_items','add_search_box', 10, 2 );
 
function add_search_box( $items, $args ) {
    $items .= '<li>' . get_search_form( false ) . '</li>';
    return $items;
}

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

.searchbox-position {
margin-top: 10px;
margin-right: 10px;
}