您现在的位置是：首页 > cms教程 > WordPress教程WordPress教程

Wordpress调用搜索框的方法

张广房2023-06-24WordPress教程已有人查阅

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

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

本文标签：

很赞哦！ ()

上一篇：wordpress忘记密码修改和找回的几种方法

下一篇：wordpress上传本地视频的方法

图文教程

相关源码

pbootcms网站模板响应式全屏旅游景区网站源码本模板为风景民宿、旅游景区等企业设计，基于PbootCMS内核开发，具备响应式布局与专业SEO优化功能，助力企业低成本高效获客。以下是核心特点：查看源码
(自适应)简繁双语响应式服装服饰西装工装校服定制pbootcms模板本模板基于PbootCMS内核开发，为服装服饰行业量身打造，尤其适合西装定制、工装生产、校服订制等服装类企业使用。模板采用响应式布局设计，确保在手机、平板、电脑查看源码
(自适应)英文电子芯片电子元件网站pbootcms模板下载基于PbootCMS内核开发的电子元件类企业专用模板，采用响应式设计技术，适配电子元器件、集成电路、半导体等行业的品牌展示与技术文档发布需求。前端布局针对芯片参数表格与产品规格书展示进行深度优化。查看源码
(自适应响应式)宠物经验资讯咨询博客pbootcms网站源码下载除宠物资讯领域外，通过内容替换可快速适配宠物用品商城、宠物医疗咨询平台、宠物训练教程网站、动物保护组织官网、水族爱好者社区等垂直领域。查看源码
(自适应)刷卡pos机数据移动支付设备电子科技pbootcms模板下载本模板为POS机设备制造商、移动支付终端服务商和科技企业设计，基于PbootCMS系统开发，提供完整的在线展示平台解决方案，满足支付设备行业特有的展示需求。查看源码
(自适应)绿色园林建筑花卉园艺艺术模板免费下载为景观设计及园艺企业打造的响应式网站框架，基于PbootCMS系统开发，帮助传统园林行业建立现代化数字展示平台。采用标准DIV+CSS前端架构，代码精简无冗余。查看源码