公告:123目录网为广大站长提供免费收录网站服务,我们将免费进行到底,如需快审服务(10元/站)请联系站长QQ,可自助充值发布。

点击这里在线咨询客服
新站提交
  • 网站:315
  • 待审:0
  • 小程序:12
  • 文章:35791
  • 会员:69

 

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

<?php wp_nav_menu(); ?>

但是方便之余还有一个问题,就是生成的导航菜单代码里会有大量没用的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最新文章列表中置顶文章靠前显示(wordpress页面设计)

上一篇:wordpress注册邮箱验证(wordpress注册邮箱验证码错误)(wordpress短信验证插件)

相关文章

  admin95360564zxm

注册时间:

网站:1 个   小程序:3 个  文章:12 篇

  • 315

    网站

  • 12

    小程序

  • 35791

    文章

  • 69

    会员

赶快注册账号,推广您的网站吧!
最新入驻小程序

数独大挑战2018-06-03

数独一种数学游戏,玩家需要根据9

答题星2018-06-03

您可以通过答题星轻松地创建试卷

全阶人生考试2018-06-03

各种考试题,题库,初中,高中,大学四六

运动步数有氧达人2018-06-03

记录运动步数,积累氧气值。还可偷

每日养生app2018-06-03

每日养生,天天健康

体育训练成绩评定2018-06-03

通用课目体育训练成绩评定