WordPress菜单栏添加搜索框

搜索框

WordPress主题在菜单栏尾部添加一个和菜单栏选项对齐的搜索按钮,原来我的办法是增加一个div,然后用css控制样式来实现。但是这样就会出现搜索按钮和菜单栏在某些情况下不一致的现象,万能的google上找到了解决办法,只需在functions.php中添加如下代码:

add_filter('wp_nav_menu_items', 'add_search_form_to_menu', 10, 2);
function add_search_form_to_menu($items, $args) {
    // If this isn't the main navbar menu, do nothing
    if( !($args->theme_location == 'primary') ) //搜索按钮显示的置,pirmary或者secondary
    return $items;
    //搜索按钮样式
    return $items . '<li class="nav-search hidden-xs">' . '<a role="button" data-toggle="collapse" class="btn btn-default" aria-expanded="false" href="#search">
    //此处搜索图标
 </a>' . '</li>';

}

ok!大功告成。只需调整css即可,具体效果看本站菜单栏后的搜索按钮。

发表评论

#