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

详情
评论
问答
赞助

您可以通过搜索或浏览分类列表来找到您期望下载的资源。随后点击资源介绍页右侧的下载链接按钮,依据提示信息进行操作即可。

大部分资源可积分免费下载,为了维持网站的运行小部分资源须付费才能下载。

本站提供的下载资源均为网络搜集,仅供个人学习和交流使用。对于版权问题,请用户自行判断并承担相应责任。

随着时间的推移,维持网站的运行需要支出高昂的服务器和带宽费用。为了能继续坚持免费做下去,如果觉得文章对您有用,希望您能动动发财的小手免费赞助狐狸,给狐狸加油打气!激励狐狸库继续创作下去!谢谢!

在互联网的浩瀚海洋中,我们的网站就像一座明亮的灯塔,为无数用户照亮前行的道路。它承载着知识的传递、梦想的交流,以及大家共同的回忆与期待。然而,运营和维护这样一个网站需要投入大量的心血与资金。

现在,您只需通过支付宝扫码领红包,就能轻松成为我们的赞助人。这不仅是一次简单的支持,更是您与网站共同成长的见证。操作简单,打开支付宝,扫描专属二维码,您的每一份心意都将化作网站发展的动力。

您的赞助,能让网站不断升级,提供更优质的服务,给大家带来更好的体验。让我们携手共进,让这座灯塔绽放更耀眼的光芒,照亮更多人的网络世界 。

下面是免费赞助的方法和流程

  1. 下面图一是本站的支付宝每日领红包二维码,使用支付宝扫描二维码后会自动显示红包金额,有任意小额金额红包。
  2. 点击“去使用”,再扫描第三张图的二维码进行付款即可。
  3. 上面扫到多少红包就输入多少金额,红包会自动抵扣金额,所以不需要额外费用。
  4. 如需赞助自定义金额请到【赞助狐狸】页面进行赞助。
  5. 这个扫码红包是每天都可以领的哦,支持同账号重复,每天花一分钟时间即可免费支持本站!
扫码红包 红包图 扫码支付

 

给你的 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赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容