萨龙网络
Login
Home-WordPress文章-WordPress-正文

WordPress函数wp_nav_menu_items向菜单列表中添加搜索内容

萨龙龙萨龙龙
WordPress
9年前
0
0
9.86K
Wordpress函数wp_nav_menu_items向菜单列表中添加搜索内容Wordpress的菜单都是通过后台菜单来添加设置,很多时候需要添加一些功能到菜单,比如搜索,或者购物车,这时我们就可以使用wp_nav_menu_items函数向菜单列表中添加一些内容来实现。 最近在更新Taji主题,设计之初没有把搜索添加进去,一直是使用ubermenu超级菜单来实现搜索功能,现在更新后准备出售,所以在默认的导航菜单中再把搜索功能添加进去,通过以下代码可以在导航菜单列表末尾添加一个搜索图标,鼠标经过或点击再显示搜索表单。

添加以下代码到主题的functions.php中

  1. function add_search_to_wp_menu ( $items$args ) {
  2.     if( 'header-menu' === $args -> theme_location ) {
  3.         $items .= '<li class="menu-item menu-item-search">';
  4.         $items .= '<a class="search_trigger" href="#"><i class="icon-search-1"></i></a>
  5.         <section class="salong_search searchHidden"><form method="get" class="menu-search-form" action="' . get_bloginfo('home') . '/"><input class="text_input" type="text" placeholder="'.__("输入关键字…",'salong').'" name="s" id="s" /><input type="submit" class="search_btn" id="searchsubmit" value="'.__("搜索",'salong').'" /></form></section>';
  6.         $items .= '</li>';
  7.     }
  8.     return $items;
  9. }
  10. add_filter('wp_nav_menu_items','add_search_to_wp_menu',10,2);
header-menu为导航菜单的名称,比如注册菜单的代码为:
  1. register_nav_menu( 'header-menu', __( '导航菜单', 'salong' ) );
所以不要添加“导航菜单” [successbox]$items中可添加任意的代码,所以通过文章中第一段代码可以向菜单列表中添加任意可行的功能。[/successbox][scbutton link="https://taji.me" target="blank" variation="red"]演示地址[/scbutton]
Tags:
本文原创,作者:萨龙龙,其版权均为萨龙网络所有。
如需转载,请注明出处:https://salongweb.com/wp-nav-menu-items.html
萨龙龙

萨龙龙

侠客
一个平平常常的人,热爱生活、旅行和摄影,骑行去过西藏,一直计划再去。14年从江西骑行来到大理,现栖居于洱海边,食人间烟火,过简单生活,做简约设计!
1342.18M456.63W3.85W
Share:
WoSign沃通SSL证书免费申请与AMH云主机面板安装设置
WoSign沃通SSL证书免费申请与AMH云主机面板安装设置Previous
WordPress MU多站点从子域名转子目录Next
WordPress MU多站点从子域名转子目录
相关文章
Total: 107

在 WordPress 主题中编辑器 WooCommerce 产品选项卡-tabs

WooCommerce产品页面默认有3个选项卡:描述,其它信息和评论,对于很多WordPress主题或许不太适合,需要修改或者添加选项卡。…
萨龙龙萨龙龙
WooCommerce, WordPress
4年前
0
0
3.10W
0

WordPress 最简便的边栏调用方法与提示

WordPress主题文章类型较多,想实现不同的文章类型页面调用不同的边栏,一般的方法是将代码写在主题根目录下的sidebar.php文件…
萨龙龙萨龙龙
WordPress
8年前
0
0
1.14W
0

WordPress 一键数据库初始化重置插件:WordPress Reset

在开发WordPress主题中,需要N多次测试,这样就需要多次重装测试网站,这样相当的麻烦。今天了解到一款数据库初始化插件:WordPr…
萨龙龙萨龙龙
WordPress
7年前
0
0
1.66W
0

Woocommerce+Buddypress+Bbpress商城社区论坛头像本地化

萨龙网络Purity主题是集成了Woocommerce+Buddypress+Bbpress商城社区论坛,因为www.gravatar.com头…
萨龙龙萨龙龙
Bbpress, Buddypress, WooCommerce, WordPress
10年前
0
0
1.72W
0

WordPress 判断是否在循环中的函数 in_the_loop

WordPress主题开发中,很多时间需要在文章与列表中进行判断从而输出不同的内容,比如文章分类,只想在列表中显示,文章中不显示。列表页面可直…
萨龙龙萨龙龙
WordPress
7年前
0
0
1.02W
0

WordPress MU多站点网络域名绑定插件Domain Mapping的安装与使用

WordpressMU是多站点的程序,新创建的站点地址都是基于主域名下的二级域名,而强大的Wordpress可以为每个站点绑定不同的域名,这时…
萨龙龙萨龙龙
WordPress
10年前
0
0
2.17W
0

WordPress 插入页面函数 wp_insert_post

萨龙网络已经开发了很多WordPress主题,LensNews主题要创建的页面较多,所以导致很多用户来咨询如何设置用户中心,在最新上线的…
萨龙龙萨龙龙
WordPress
7年前
0
0
2.09W
0

WordPress强大好用的分页插件WP-PageNavi使用

相信使用Wordpress的朋友都对WP-PageNavi分页插件不陌生,很多博客对它也有很多介绍,之前也使用过代码来实现分页,但不够人性化,使…
萨龙龙萨龙龙
WordPress
9年前
0
0
2.43W
0

WordPress网站统计相关信息使用大全

很多个人博客都有一个小工具是来统计网站的一些信息,Deephoto主题企业版本首页就集成了网站统计,添加了工作天数、完成作品、新闻动态、摄影师、…
萨龙龙萨龙龙
WordPress
10年前
0
0
1.17W
0

WooCommerce 商城首页排除指定分类

WooCommerce是WordPress中最强大的商城插件,没有之一。在Slearn主题的开发过程中,需要将课程和商城结合,课程使用…
萨龙龙萨龙龙
WooCommerce
6年前
0
0
1.02W
0

翻译WordPress强大实用的Redux框架选项

强大、实用的Redux框架我们已经在WordPress强大的开源后台框架ReduxFramework介绍与使用一文中介绍了,今天我们介绍下如何…
萨龙龙萨龙龙
WordPress, 软件系统
9年前
0
0
1.33W
0

WordPress 媒体库支持 SVG 图标的上传与预览

WordPress默认支持多种图片格式包括.jpg,.jpeg,.png,和.gif,出于安全考虑不能上传可缩放矢量图形(SVG)。SVG是…
萨龙龙萨龙龙
WordPress
6年前
0
0
1.19W
0
评论表单游客 您好,欢迎参与讨论。
Enter nickname
Enter email
Enter website
0 / 0
评论列表
Total: 0
萨龙网络
No relevant content