如何添加搜索框到您的WordPress菜单

如何在WordPress菜单栏中添加搜索框,而不使用任何WordPress插件。

不需要安装任何插件来添加一个搜索框到您的菜单栏,只需按照以下步骤相同。

如何在WordPress菜单中添加搜索框
打开functions.php文件,并在文件末尾的代码片段下面复制粘贴并保存。以下代码将自动将搜索框添加到主菜单栏。

/**
* Add searchbox in menubar
*/
add_filter( 'wp_nav_menu_items','add_search_box', 10, 2 );

function add_search_box( $items, $args ) {
$items .= '
<ul>
<li>' . get_search_form( false ) . '</li>
</ul>

';
return $items;
}

默认情况下,它将显示为主题颜色组合,但如果要更改样式,则可以将自定义样式添加到搜索框。在示例中,我已经从顶部和右边添加了搜索框的边距。

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

发表评论 0