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

本文介绍如何在WordPress菜单栏添加搜索框,无需使用插件。只需在主题的functions.php文件末尾添加指定代码,即可自动将搜索框集成到主菜单中。代码通过`add_search_box`函数实现,并支持自定义CSS样式调整搜索框位置和外观,例如设置边距。

WordPress基础教程
阅读时间: 6 分钟
最后更新时间:2025年11月13日

如何在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 / 5. 投票数: 0

到目前为止还没有投票!成为第一位评论此文章。

曾凤祥

曾凤祥

技术负责人
小兽wordpress凭借多年的wordpress企业主题制作经验,坚持以“为用户而生的wordpress主题”为宗旨,累计为10万多家客户提供品质wordpress建站服务,得到了客户的一致好评。我们一直用心对待每一个客户,我们坚信:“善待客户,将会成为终身客户”。小兽wordpress能坚持多年,是因为我们一直诚信。

相关文章

如何让线上业务更上一层楼

还没有WordPress网站

还没有WordPress网站

不管你从事什么行业,WordPress都会为你提供一个专业的主题模板。在WordPress市场上有成千上万的免费主题,适合很多中小企业。

查看所有模板
已经有WordPress网站

已经有WordPress网站

小兽WordPress诚邀你一起学习WordPress,愿与各方携手升级改善您的WordPress网站,一起交流网站加速,网站优化等问题。

马上交个朋友
微信联系
chat 扫码联系
模板建站
挑选模板
网站定制
免费诊断
咨询热线
咨询热线

189-0733-7671

返回顶部