wp_nav_menu() 函数改造(2) – 去掉WordPress菜单中多余的CSS选择器id或class

wp_nav_menu() 函数改造(2) – 去掉WordPress菜单中多余的CSS选择器id或class,第1张

概述WordPress建站过程中,我们通常使用 wp_nav_menu() 函数来输出菜单,但是默认的输出中有很多多余的 CSS选择器id或class,下面介绍一下去掉WordPress菜单中多余的CSS选择器id或class的方法。

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

首页关于我们

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

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

首页关于我们

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

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

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

current-post-ancestorcurrent-menu-ancestorcurrent-menu-itemcurrent-menu-parent

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

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

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

首页关于我们

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

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

总结

以上是内存溢出为你收集整理的wp_nav_menu() 函数改造(2) – 去掉WordPress菜单中多余的CSS选择器id或class全部内容,希望文章能够帮你解决wp_nav_menu() 函数改造(2) – 去掉WordPress菜单中多余的CSS选择器id或class所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/1023013.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存