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

秦兽兽 2020-10-02 130 0
当前位置 : 首页 经验总结 Wordpress建站 wp_nav_menu() 函数去掉WordPress菜单中多余的CSS选择器id或class

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

<li id="menu-item-7" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item menu-item-7">
	<a href="https://www.qinshoushou.com">首页</a>
</li>
<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-22">
	<a href="https://www.qinshoushou.com/about">关于我们</a>
</li>

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

//移除菜单的多余CSS选择器
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() : '';
}

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

<li>
	<a href="https://www.qinshoushou.com">首页</a>
</li>
<li>
	<a href="https://www.qinshoushou.com/about">关于我们</a>
</li>
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有。若您需要使用非免费的软件或服务,请购买正版授权并合法使用。本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理。
留言
相关推荐
公众号
秦兽兽

个人博客-得之,我幸。失之,我命,如此而已

https://www.qinshoushou.com