学做网站培训课程介绍

当前位置:

WordPress新手教程:怎么去除导航菜单多余Class

今天给大家介绍一个Wordpress新手教程-怎么去除导航菜单上Class。我们使用WordPress建网站时,网站的导航菜单可以使用以下的调用代码进行生成调用,这样我们就可以在后台控制导航菜单了。


<?php wp_nav_menu(); ?>

但是方便之余还有一个问题,就是生成的导航菜单代码里会有大量没用的Class样式代码,使得代码看起来特别复杂。如下图:

Wordpress去除导航菜单多余Class

怎么去除这些没用的Class呢?方法很简单,只要在自已使用的模板函数functions.php里面加上以下的代码就可以去除了。


//删除Class选择器
add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1);
add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1);
add_filter('page_css_class', 'my_css_attributes_filter', 100, 1);
function my_css_attributes_filter($var) {
return is_array($var) ? array_intersect($var, array('current-menu-item','current-post-ancestor','current-menu-ancestor','current-menu-parent')) : '';
}

去除后的效果如下图:

Wordpress去除导航菜单多余Class

 

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 漂亮的wordpress淘客模板 图文教程 (111440 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • 零基础新手要学习网站建设,以下的网站建设教程是零基础新手必须学习的网站制作教程。只有将以下的基础知识学会了,才能为以后建网站打下坚实的基础。
  • 新手网站制作教程,免费网站制作视频教程零基础学做网站课程介绍总纲:网站制作流程与步骤第一节:什么是网站域名?
  • template/default/common 模板公共文件夹,全局相关|--block_forumtree.htm 树形论坛版块分支js文件|--block_thread.htm 特殊主题的风格模块文
  • 平时我们在调用优酷上面的视频的时候,视频都是有一个广告时间的,是不是看着特别不爽?如何去除优酷视频广告呢?下面汇总了网上流传的几个方法,
  • 下面就讲一下去除网站课程中广告以及观看高清视频课程的方法。如何一次性去除课程中优酷广告1、下载“净网大师”软件(免费),网盘下载地址
  • 感谢VIP学员:卓新红  的无私分享,此模板已通过学做网站论坛网的审核,大家可放心使用。分享一个网址导航站模板,这个网址导航模板可以制作图片
  • 在学做网站论坛的VIP课程中,我们讲了做网站时,我们网站的导航是调用一级分类和页面,可往往为了一些需要,登录制作wordpress下拉菜单,要求调用某个
  • Dreamweaver跳转菜单制作 视频教程 (1123840 次浏览)
    什么是跳转菜单跳转菜单是文档内的弹出菜单,对站点访问者可见,并列出链接到文档或文件的选项。可以创建到整个 Web 站点内文档的链接、到其它 Web
  • 今天给大家介绍一个Wordpress新手教程-怎么去除导航菜单上Class。我们使用Wordpress建网站时,网站的导航菜单可以使用以下的调用代码进行生成调用,这
  • 在学习学做网站论坛HTML视频课程和CSS课程时,使用详细讲解了网站制作的HTML知识和CSS知识。css样式是用来控制HTML样式的,样式表定义一个样式的时候
  • CSS中Class与ID的使用规范 图文教程 (117269 次浏览)
    学习了建网站课程的学员都知道,网站的布局格式都是通过CSS样式来控制的。CSS的命名有二种方式:Class与ID。(相关知识:CSS中class与id的区别是什么