当前位置:首页-WordPress文章-WordPress-正文

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

Wordpress函数wp_nav_menu_items向菜单列表中添加搜索内容 - 第1张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 .= 'class="menu-item menu-item-search">';
  4.         $items .= 'class="search_trigger" href="#">class="icon-search-1">
  5.         class="salong_search searchHidden">"get" class="menu-search-form" action="' . get_bloginfo('home') . '/">class="text_input" type="text" placeholder="'.__("输入关键字…",'salong').'" name="s" id="s" />"submit" class="search_btn" id="searchsubmit" value="'.__("搜索",'salong').'" />
';
  •         $items .= '
  • ';
  •     }
  •     return $items;
  • }
  • 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]

    本文原创,作者:萨龙龙,其版权均为4166am金沙信心之选所有。
    如需转载,请注明出处:/wp-nav-menu-items.html

    \u6700\u8fd1\u5728\u66f4\u65b0Taji\u4e3b\u9898\uff0c\u8bbe\u8ba1\u4e4b\u521d\u6ca1\u6709\u628a\u641c\u7d22\u6dfb\u52a0\u8fdb\u53bb\uff0c\u4e00\u2026@\u8428\u9f99\u7f51\u7edc&appkey=746468751&pic=https:\/\/salongweb.com\/wp-content\/uploads\/2015\/12\/wp-nav-menu-items.jpg&searchPic=true","qq":"https:\/\/connect.qq.com\/widget\/shareqq\/index.html?url=https:\/\/salongweb.com\/wp-nav-menu-items.html&title=Wordpress\u51fd\u6570wp_nav_menu_items\u5411\u83dc\u5355\u5217\u8868\u4e2d\u6dfb\u52a0\u641c\u7d22\u5185\u5bb9&pics=https:\/\/salongweb.com\/wp-content\/uploads\/2015\/12\/wp-nav-menu-items.jpg&summary=Wordpress\u7684\u83dc\u5355\u90fd\u662f\u901a\u8fc7\u540e\u53f0\u83dc\u5355\u6765\u6dfb\u52a0\u8bbe\u7f6e\uff0c\u5f88\u591a\u65f6\u5019\u9700\u8981\u6dfb\u52a0\u4e00\u4e9b\u529f\u80fd\u5230\u83dc\u5355\uff0c\u6bd4\u5982\u641c\u7d22\uff0c\u6216\u8005\u8d2d\u7269\u8f66\uff0c\u8fd9\u65f6\u6211\u4eec\u5c31\u53ef\u4ee5\u4f7f\u7528wp_nav_menu_items\u51fd\u6570\u5411\u83dc\u5355\u5217\u8868\u4e2d\u6dfb\u52a0\u4e00\u4e9b\u5185\u5bb9\u6765\u5b9e\u73b0\u3002

    \u6700\u8fd1\u5728\u66f4\u65b0Taji\u4e3b\u9898\uff0c\u8bbe\u8ba1\u4e4b\u521d\u6ca1\u6709\u628a\u641c\u7d22\u6dfb\u52a0\u8fdb\u53bb\uff0c\u4e00\u2026&site=\u8428\u9f99\u7f51\u7edc","zone":"https:\/\/sns.qzone.qq.com\/cgi-bin\/qzshare\/cgi_qzshare_onekey?url=https:\/\/salongweb.com\/wp-nav-menu-items.html&title=Wordpress\u51fd\u6570wp_nav_menu_items\u5411\u83dc\u5355\u5217\u8868\u4e2d\u6dfb\u52a0\u641c\u7d22\u5185\u5bb9&desc=Wordpress\u7684\u83dc\u5355\u90fd\u662f\u901a\u8fc7\u540e\u53f0\u83dc\u5355\u6765\u6dfb\u52a0\u8bbe\u7f6e\uff0c\u5f88\u591a\u65f6\u5019\u9700\u8981\u6dfb\u52a0\u4e00\u4e9b\u529f\u80fd\u5230\u83dc\u5355\uff0c\u6bd4\u5982\u641c\u7d22\uff0c\u6216\u8005\u8d2d\u7269\u8f66\uff0c\u8fd9\u65f6\u6211\u4eec\u5c31\u53ef\u4ee5\u4f7f\u7528wp_nav_menu_items\u51fd\u6570\u5411\u83dc\u5355\u5217\u8868\u4e2d\u6dfb\u52a0\u4e00\u4e9b\u5185\u5bb9\u6765\u5b9e\u73b0\u3002

    \u6700\u8fd1\u5728\u66f4\u65b0Taji\u4e3b\u9898\uff0c\u8bbe\u8ba1\u4e4b\u521d\u6ca1\u6709\u628a\u641c\u7d22\u6dfb\u52a0\u8fdb\u53bb\uff0c\u4e00\u2026&summary=&site=\u8428\u9f99\u7f51\u7edc"}>