一、想在导航菜单中添加了一个搜索表单,把这个添加到当前模板的函数文件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}}

类似文章