WordPress函数wp_nav_menu_items向菜单列表中添加搜索内容
Wordpress的菜单都是通过后台菜单来添加设置，很多时候需要添加一些功能到菜单，比如搜索，或者购物车，这时我们就可以使用wp_nav_menu_items函数向菜单列表中添加一些内容来实现。
最近在更新Taji主题，设计之初没有把搜索添加进去，一直是使用ubermenu超级菜单来实现搜索功能，现在更新后准备出售，所以在默认的导航菜单中再把搜索功能添加进去，通过以下代码可以在导航菜单列表末尾添加一个搜索图标，鼠标经过或点击再显示搜索表单。
添加以下代码到主题的functions.php中
- function add_search_to_wp_menu ( $items, $args ) {
- if( 'header-menu' === $args -> theme_location ) {
- $items .= '<li class="menu-item menu-item-search">';
- $items .= '<a class="search_trigger" href="#"><i class="icon-search-1"></i></a>
- <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>';
- $items .= '</li>';
- }
- return $items;
- }
- add_filter('wp_nav_menu_items','add_search_to_wp_menu',10,2);
header-menu为导航菜单的名称，比如注册菜单的代码为：
- register_nav_menu( 'header-menu', __( '导航菜单', 'salong' ) );
所以不要添加“导航菜单”
[successbox]$items中可添加任意的代码，所以通过文章中第一段代码可以向菜单列表中添加任意可行的功能。[/successbox][scbutton link="https://taji.me" target="blank" variation="red"]演示地址[/scbutton]本文原创，作者：萨龙龙，其版权均为萨龙网络所有。
如需转载，请注明出处：https://salongweb.com/wp-nav-menu-items.html
一个平平常常的人，热爱生活、旅行和摄影，骑行去过西藏，一直计划再去。14年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！很多网站都会插入优酷或其它网站的在线视频到自己的网站中，默认情况下优酷视频的堆叠顺序并不受CSS样式z-index属性的影响，在视频页面有滚动、…在WordPress中，我们可以通过向主题中添加CSS文件来为页面和文章添加样式。但是，如果您希望根据文章类型添加自定义样式，该怎么办呢…在开发基于WooCommerce的商城主题时，我们一般会将模板文件添加到主题中来进行修改，对于有钩子或接口的地方，就没有必要再修改模板代码了…Ubermenu是一个用户友好的、可高度定制响应式的Wordpress超级大菜单插件，工作原理与Wordpress3菜单系统类似，强大到可创建…WooCommerce已经是WordPress平台最好最强大的在线商城插件，已经被WordPress收购，更新速度比较频繁，功能更加完…WordPressMU虽然是一个程序下可以创建多个站点，但每个站点下的文章、页面、媒体等还是独立的，MU也为不同的站点分配了不同的媒体目录。N…MNewsPro主题已经更新到5.2版本，功能已经很完善，且实用，在文章投稿编辑器有用户提出不能上传视频或者插入视频简码不方便的问题。
…在开发吃货主题Chihuo时，要对产品和文章进行筛选，在一级分类下显示所有一级分类和当前一级分类下的所有二级分类，在二级分类下，显示所有一级分类…自从了解到WordpressMU多站点，就开始一步一步的向多站点发展，也将萨龙网络所有站点都安装在WordpressMU多站点中。在使用多站…在WordPress按角色获取可分页的用户列表并显示最新文章这篇文章中我们已经介绍了获取单个角色的用户列表，如果想获取多个角色的用户列表呢，ge…CodestarFramework，一个轻量且易用的WordPress选项框架，在萨龙龙最新设计开发的企业教育培训类WordPress…很多网站的视频都是来自在线视频网站，这样即节省网站空间也带来更高的访问速度，优酷视频是使用较多的。在添加视频文章时我们都想直接获取视频中的缩略图…
