您现在的位置是：首页 > 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上传本地视频的方法

图文教程

相关源码

帝国cms7.5淘宝客电商品牌特价带手机站带会员模板下载为电商品牌特价展示设计的帝国CMS模板，集成PC端与移动端双平台适配。采用瀑布流商品布局，支持品牌分类聚合展示，突出特价促销视觉冲击力。查看源码
(PC+WAP)绿色环保设备环保企业网站模板源码下载基于PbootCMS内核开发的响应式企业模板，为环保设备制造、环境技术服务等企业打造，通过模块化设计实现多行业快速适配。查看源码
快递物流公司pbootcms网站模板html响应式自适应源码下载基于HTML5+CSS3前沿技术开发，实现PC、平板、手机多端自适应。采用弹性布局与媒体查询技术，确保不同设备均有流畅视觉体验，企业形象统一。查看源码
(自适应响应式)WORDwps办公资源教程资讯网站模板下载基于PbootCMS内核开发的响应式网站模板，为办公教程、WPS技巧分享、职场技能培训等场景打造。模板内置标准化文档分类体系，支持图文/视频教程混合展示，满足现代办公知识传播需求。查看源码
自适应APP应用程序介绍推广落地页pbootcms网站源码下载移动应用开发商设计的营销型落地页模板，基于PbootCMS内核深度开发采用前沿响应式架构，无缝适配手机端操作习惯与PC端展示需求。查看源码
(PC+WAP)红色驾校培训学车在线预约源码下载基于PbootCMS内核开发的驾校培训专用网站模板，深度适配驾驶培训行业展示需求。采用PC与移动端同步响应设计，单一后台统一管理内容数据，更换图文素材后可快速转变为其他行业网站。查看源码