加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > CMS系统 > wordpress > 正文

wp_nav_menu() 函数改造(2) – 去掉WordPress菜单中多余

发布时间:2020-12-14 14:40:18 所属栏目:wordpress 来源:网络整理
导读:过程中,我们通常使用 wp_nav_menu() 函数来输出菜单,但是默认的输出中有很多多余的 CSS选择器id或class,效果如下: 首页 关于我们 下面介绍一下去掉WordPress菜单中多余的CSS选择器id或class的方法,将下面的代码添加到主题的 functions.php 文件中: 添

过程中,我们通常使用 wp_nav_menu() 函数来输出菜单,但是默认的输出中有很多多余的 CSS选择器id或class,效果如下:

首页
关于我们

下面介绍一下去掉WordPress菜单中多余的CSS选择器id或class的方法,将下面的代码添加到主题的 functions.php 文件中:

添加之后,输出的效果如下:

  • 首页
    关于我们

    看起来有点太精简了吧?!现在问题来了,如果我想要定义当前菜单的某些样式,比如高亮显示当前菜单?那该怎么办啊?

    解决办法是我们需要保留一些CSS选择器。

    常用的当前菜单的选择器有以下4个:

    • current-post-ancestor
    • current-menu-ancestor
    • current-menu-item
    • current-menu-parent

    我们只要不过滤它们即可,可以参考下面的代码:

    如果你想保留更多CSS类,可以修改以下代码的第6行的数组内容。

    修改过后,当你访问网站首页时,输出的菜单结构如下:

  • 首页
    关于我们

    这样一来,我们就可以位当前菜单样式定义特殊的样式了。

    大功告成,上一篇文章中,我们已经讲解了如何 。

    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

      推荐文章
        热点阅读