WordPress新手教程：去除网站导航菜单多余的Class代码部分

我们使用WordPress建网站时，网站的导航菜单可以使用以下的调用代码进行生成调用，这样我们就可以在后台控制导航菜单了。

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

菜单功能基本上每个 WordPress网站必备，大多数网站的菜单都是默认输出代码，这会导致一大堆的类似以下代码。

之前的菜单输出：

<li id="menu-item-223" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-223">
    菜单名
</li>

改之后的菜单输出：

<li>菜单名</li>

一旦菜单使用的多了，就会在网页源码中充斥着太多的无用代码，不仅看起来难受，还影响加载速度，是时候精简输出了。

怎么去除这些没用的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')) : '';
}

复制以上代码到主题目录下的functions.php文件中即可。