给你的 WordPress 加入多个导航菜单(方法教程)

 

给你的 WordPress 加入多个导航菜单(方法教程)-狐狸库
WordPress

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

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

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

下面就开始教程。

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

这时,我们要用到一个自定义菜单函数register_nav_menus()函数。打开主题的function.php文件,把下面的代码添加进去:

register_nav_menus( array(
\'primary\' => \'第一导航菜单\', //这里的primary 你可以自己设置,你也可以写成top-menu ;但是要在调用菜单时也用同样的名字。
\'secondary\' => \'第二导航菜单\',
) );

上面的代码就出现了第二个导航菜单,如果你还想添加其他的,就在上面代码中继续命名衍生。

第二步、调用多导航菜单。

1、在需要导航菜单的地方,放置调用代码。

比如:顶部header.php文件、footer.php文件等。

把下面的代码放到这些文件里:

//顶部导航:
 
<?php wp_nav_menu( array( \'theme_location\' => \'primary\',\'container\'=>\'<ul>\',\'menu_id\'=>\'menu\',\'menu_class\'=>\'menu\',\'link_before\' => \'<span>\',\'link_after\' => \'</span>\',)); ?>//这里就用到了前面设置的primary.
 
//左侧边导航:
 
<div id=\"floatMenu\"><!-- 左侧菜单导航 -->
<ul class=\"menu2\">
<li><a href=\"/\" style=\"color:#fff; background-color:#6994c9;\" title=\"wordpress主题首页\">网站首页 </a></li>
<?php wp_nav_menu( array( \'theme_location\' => \'secondary\',\'container\' => \'\',\'items_wrap\' => \'%3$s\',\'fallback_cb\'=> \'\' ) ); ?>//这里就用到了前面设置的secondary.
</ul>
</div>

2、在后台设置菜单

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

温馨提示: 本文最后更新于2022/10/20 12:23:02若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容