菜单功能基本上每个 WordPress 网站必备,大多数网站的菜单都是默认输出代码,这会导致一大堆的类似以下代码。
之前的菜单输出:
<li id="menu-item-223" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-223">
菜单名
</li>
改之后的菜单输出:
<li>菜单名</li>
一旦菜单使用的多了,就会在网页源码中充斥着太多的无用代码,不仅看起来难受,还影响加载速度,是时候精简输出了。
WordPress 移除菜单代码中没必要的部分的方法
复制以下代码到主题目录下的 functions.php
文件中即可:
if (!function_exists('tb_css_attributes_filter')) :
add_filter('nav_menu_css_class', 'tb_css_attributes_filter', 100, 1);
add_filter('nav_menu_item_id', 'tb_css_attributes_filter', 100, 1);
function tb_css_attributes_filter($var) {
$arrs = array('current-menu-item', 'current-category-ancestor', 'current-post-ancestor', 'current-menu-ancestor', 'current-menu-parent', 'menu-item-has-children');
return is_array($var) ? array_intersect($var, $arrs) : '';
}
endif;
Tips:themebetter的很多主题都有这个功能了
评论前必须登录!
注册