学做网站培训课程介绍

当前位置:

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淘客模板 图文教程 (112746 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 插件介绍在网站中插入幻灯片可以让网站更加绚丽,例如学做网站论坛首页顶部左侧就是一个幻灯片,这种方式是直接借助js文件,然后嵌入到网站主题中的.
  • 新手网站制作教程,免费网站制作视频教程零基础学做网站课程介绍网站制作流程是什么什么是网站域名什么是网站空间
  • 培训对象:想学习建站技术,希望在网络上有所发展的学员培训费用:680元= 建站课程      980元= 建站课程 + SEO网站排名课程。费用收取:一
  • template/default/common 模板公共文件夹,全局相关|--block_forumtree.htm 树形论坛版块分支js文件|--block_thread.htm 特殊主题的风格模块文
  • 平时我们在调用优酷上面的视频的时候,视频都是有一个广告时间的,是不是看着特别不爽?如何去除优酷视频广告呢?下面汇总了网上流传的几个方法,
  • 下面就讲一下去除网站课程中广告以及观看高清视频课程的方法。如何一次性去除课程中优酷广告1、下载“净网大师”软件(免费),网盘下载地址
  • 在学做网站论坛的VIP课程中,我们讲了做网站时,我们网站的导航是调用一级分类和页面,可往往为了一些需要,登录制作wordpress下拉菜单,要求调用某个
  • 在我们的建站课程中,跟大家讲过wordprss实现导航是利用二句代码来自动调用。这样只要我们在后台添加一个分类或者页面时,会自动调用出来。
  • Dreamweaver跳转菜单制作 视频教程 (1124830 次浏览)
    什么是跳转菜单跳转菜单是文档内的弹出菜单,对站点访问者可见,并列出链接到文档或文件的选项。可以创建到整个 Web 站点内文档的链接、到其它 Web
  • 今天给大家介绍一个Wordpress新手教程-怎么去除导航菜单上Class。我们使用Wordpress建网站时,网站的导航菜单可以使用以下的调用代码进行生成调用,这
  • 在学习学做网站论坛HTML视频课程和CSS课程时,使用详细讲解了网站制作的HTML知识和CSS知识。css样式是用来控制HTML样式的,样式表定义一个样式的时候
  • CSS中Class与ID的使用规范 图文教程 (120200 次浏览)
    学习了建网站课程的学员都知道,网站的布局格式都是通过CSS样式来控制的。CSS的命名有二种方式:Class与ID。(相关知识:CSS中class与id的区别是什么