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;
}

相关推荐:《WordPress教程》

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

.searchbox-position {
margin-top: 15px;
margin-right: 20px;
}
© 版权声明

相关文章