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

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

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

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

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

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

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

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

第二步、调用多导航菜单

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

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

第三步、在后台设置菜单

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