一、想在导航菜单中添加了一个搜索表单,把这个添加到当前模板的函数文件functions.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 );
二、直接使用插件,Ivory Search – WordPress Search Plugin,然后加到menu里面即可
三、增加点CSS格式,调整到向右对其,并宽度对应上
增加到functions.php中的代码修改一下,使用DIV标签,具体如下
/**
* Add search box to nav menu
*/
function wpgood_nav_search( $items, $args ) {
$items .= '<div class="header-search">' . get_search_form( false ) . '</div>';
return $items;
}
add_filter( 'wp_nav_menu_items','wpgood_nav_search', 10, 2 );
CSS代码如下
[role=search].search-form {}
@media screen and (min-width: 600px){
[role=search].search-form { float:right; margin-top:-43px;margin-right:3px;width:320px}}