给你的 WordPress 加入多个导航菜单

2023年7月15日18:00:00 发表评论

在搭建Wordpress网站时,有这么一个需求:想让模板中同时拥有多个导航,可以自由控制导航分类。

让网站更人性化,灵活。(因为有时候分类太多,导致很多分类不会被点击)

例如:顶部导航、左侧导航、底部导航,并且需要这几个导航菜单内容不一样。

给你的 WordPress 加入多个导航菜单

下面我们看看WordPress主题开发自定义导航菜单方法。

第一步、添加多导航菜单功能

wordpress为我们提供了一个注册自定义导航的函数:register_nav_menus(),参数是一个数组。打开主题的function.php文件,把下面的代码添加进去:

  1. register_nav_menus( array(
  2.  
  3. ‘top_menu’ => ‘顶部导航’,
  4.  
  5. ‘header_menu’ => ‘主导航’,
  6.  
  7. ‘footer_menu’ => ‘底部导航菜单’,
  8.  
  9. ‘mobile_menu’ => ‘手机端菜单’,
  10.  
  11. ));

上面的代码注册了4个自定义导航菜单,其中 ‘top_menu’ 、 ‘header_menu’ 、 ‘footer_menu’、 ‘mobile_menu’分别是这4个菜单的“键key”,这个键很有用,在我们调用这些菜单的时候会用到。而后面的 ‘顶部导航’ 、 ‘主导航’、 ‘底部导航菜单’、 ‘手机端菜单’ 是对这个菜单的描述,会在wordpress主题后台的【 外观 – 菜单 】中显示出来(如上图)。如果你还想添加其他的,就在上面代码中继续命名衍生。

第二步、调用多导航菜单

WordPress为我们提供了调用自定义导航菜单的函数:wp_nav_menu(),参数是一个数组。比方说,我们要在header.php文件中调用【主导航】菜单,代码如下:

  1. wp_nav_menu( array(
  2.  
  3. ‘container’ => ”,
  4.  
  5. ‘theme_location’ => ‘header_menu’, //这里的header_menu就是注册菜单中的key键名
  6.  
  7. ‘items_wrap’ => ‘%3$s’,
  8.  
  9. ‘fallback_cb’ => ”
  10.  
  11. ) );

这样,我们就可以调用上面注册好的header_menu的主导航菜单了。

第三步、在后台设置菜单

后台——>外观——>菜单,先创建菜单,然后从左侧添加菜单内容。

Tips:

做副业长期赚不到钱的话很容易放弃,特别是对于新手来说,新手刚入行的时候期望值都比较高,以为进来就马上能赚到钱,但是现实却很残酷,很多新手都没能坚持到赚钱的时候。因此,我在朋友圈《加微信》会给大家推荐一些破零项目,钱虽然不多,但是我觉得能让很多新手做副业的信心不那么容易被打垮。

历史上的今天:

掘金网
  • 版权声明:本站原创文章,转载请保留出处和链接!
  • 本文链接:http://jjsoho.com/wpdgdh/ 网赚有风险,投资需谨慎!