更好的WordPress主题

WordPress 移除菜单代码中没必要的部分

摘要:网页源码中充斥着太多的无用代码,不仅看起来难受,还影响加载速度

菜单功能基本上每个 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

感觉很棒,欢迎打赏~

15 打赏
分享到:

评论 (0)

登录后评论
注:有关主题的售前售后请 提交工单

建站!你有充足的理由选择我们

世界上超过43%的网站是由WordPress搭建,而我们是国内最靠谱的WordPress主题开发商
在线工单