如何在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;
}