您现在的位置是：首页 > 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系统开发，为各类证书查询机构设计，可快速构建高效安全的证书核验平台。采用响应式布局技术，自动适配手机端操作，支持批量导入证书数据，提供便捷的查询接口，满足机构证书管理及用户在线核验需求。查看源码
响应式帝国cms7.5NBA黑色体育资讯模板下载本模板为体育新闻媒体、报道机构设计，采用帝国CMS7.5内核开发，具备完整的资讯发布、体育日历、数据展示功能。响应式布局确保在手机端呈现实时资讯和图文内容查看源码
(自适应响应式)APP应用程序软件介绍落地页源码免费下载该模板为营销技术从业者设计，提供专业的内容展示平台。采用响应式布局，适配软件介绍、APP推广等营销场景，通过可视化后台可快速搭建符合行业特性的展示网站。查看源码
帝国cms7.5商城模板带图片视频广告位功能本模板基于帝国CMS7.5内核开发，为内容电商平台设计，集成文章、图片、视频多媒体展示与广告位管理功能。采用智能响应式技术，确保商品内容在不同设备上获得较优呈现效果，帮助快速构建专业的内容营销平台。查看源码
(自适应)游泳馆泳池水处理器设备pbootcms网站模板免费下载专注服务于泳池水处理设备制造商、泳池系统工程商等企业用户。模板预设设备分类体系、技术参数展示模块和解决方案呈现页面，满足行业特有展示需求。查看源码
帝国CMS7.5小说推荐公众号导航带wap手机站+带采集工具本模板为小说导航类网站设计开发，基于帝国CMS7.5内核构建，针对小说阅读领域的分类聚合需求进行深度优化。通过智能分类系统和用户行为分析，实现小说资源的精准推荐与导航功能。查看源码