臻享优惠价:最高返 500 抵扣券 → 查看活动!>>>

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

WordPress 在搭建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、在后台设置菜单

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
豆包可以帮你高效完成AI问答、AI对话、提供软件相关教程以及解决生活中遇到的各种疑难杂症,还能帮助你进行AI写作、AI绘画等等,提高你的工作学习效率。
!
你也想出现在这里?立即 联系我们吧!
信息
个人中心
购物车
优惠劵
今日签到
搜索