wordpress CMS主题 微信
Home > wordpress主题使用教程 > wordpress主题怎样实现多个导航菜单?

wordpress主题怎样实现多个导航菜单?

高时银博客 wordpress主题使用教程 点击: 5,466 次 0 0

作为wordpress站长,有时候,我们可能会希望我们的网站有多个导航菜单:顶部导航、左侧导航、底部导航,并且需要这几个导航菜单内容不一样。的确,多导航可以让网站看上去更加人性化、更加灵活宜用。那么,wordpress主题怎样才能实现多个导航菜单?下面,大家就随高时银博客一起来看看怎样实现多导航菜单吧。

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

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

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

我这里只用了2个菜单,你还可以多设置几个,根据自己的需求。

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

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

后台——>外观——>菜单,先创建菜单,然后从左侧添加菜单内容,如添加分类和页面到菜单,如何添加菜单,你可以参考wordpress怎样添加导航菜单?,这里就不多说了。菜单添加好之后,还要设置在哪里显示这个菜单,如下图:


文章分页: 1 2 下一页

文章作者:高时银博客
本文地址:http://wanlimm.com/77201406122131.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

目前还没有评论。赶快来坐沙发吧。

发表评论