WordPress 移除菜单多余CSS选择器class和id

WordPress主题制作中,常常利用wp_nav_menu()函数输出菜单,这个函数会调出很多不需要的class和id,在火狐浏览器中用firebug查看html,代码如下所示,有很多多余的CSS选择器,这会拖慢的网站的加载速度,影响用户体验。当然,我们也可以利用代码删除这些CSS选择器,优化WordPress菜单

打开主题根目录下的functions.php文件,在其中添加如下代码:

以上这段代码会删除所有多余的CSS选择器,输出的代码非常简洁,如果需要保留其中的某一些选择器,比如当前菜单的css选择器’current-menu-item’,’current-post-ancestor’,’current-menu-ancestor’,’current-menu-parent’则将以上代码改成如下形式:

注:若在后台CSS 类(可选)(如下图)中添加了css选择器,那么也需要添加到上面的这段代码中,否则也会被过滤。

WordPress 移除菜单多余CSS选择器class和id

这样一来WordPress菜单就非常简洁明了,如下所示:

 

  • 打赏
  • 评论 0
  • 分享
  • 点赞 1
转载请注明出处: WordPress 移除菜单多余CSS选择器class和id | 乐朦

欢迎评论