菜单功能基本上每个 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的很多主题都有这个功能了
本文属原创,转载请注明原文:https://themebetter.com/wordpress-menu-code-simple.html
评论 (0)