WordPress站点如何移除前端无用的CSS样式代码global-styles-inline-css

升级WordPress这么久都没有留意到WordPress在我们的站点前端的头部插入了global-styles内联样式，并向底部插入了很多的svg图像。特别是一大堆的global-styles-inline-css样式代码，看着都令人生厌。具体如下图所示：

WordPress站点如何移除前端无用的CSS样式代码global-styles-inline-css - 第1张 - boke123导航(boke123.net)

幸好，网络上有很多站长已经分享了解决办法，如龙笑天下站长分享的『移除WordPress 5.9向前台页面添加的内联样式Css和Svg图像等多余代码』一文第3小点的代码就能解决这个问题。具体做法如下：

/**
* 移除 WordPress 5.9 向前台页面添加的内联样式 css 和 svg 图像等多余代码 - 龙笑天下
* https://www.ilxtx.com/disable-gutenberg-style-and-duotone-svg-images.html
*/
function lxtx_remove_all_global_styles(){
remove_action(\'wp_enqueue_scripts\', \'wp_enqueue_global_styles\');
remove_action(\'wp_footer\', \'wp_enqueue_global_styles\', 1);
remove_action(\'wp_body_open\', \'wp_global_styles_render_svg_filters\');
}
add_action(\'after_setup_theme\', \'lxtx_remove_all_global_styles\', 10, 0);

将以上代码添加到当前主题的functions.php文件中并保存更新文件即可。