删除wordpress 5.9版本新增的前端页面全局内联CSS样式global-styles-inline-css

WordPress 5.9 版本更新后，在前端页面源代码的部分会多出一大块 ID 为global-styles-inline-css的style内联样式代码（看其ID意思是全局内联样式），这段内联样式的作用应该是为 wordpress 5.9 版本新增的网站编辑器（Site Editor）功能服务的，但是对于不用该功能的站长来说，显得有些多余，虽然不影响网站正常运行，但是相信很多用户会忍受不了那么大一块用不上的代码放在那里，所以删除它会是很多用户的选择。

删除方法

在当前使用主题的 functions.php 文件，添加下面的代码

1
2
3
4

function remove_global_styles_inline_css(){
	wp_dequeue_style( 'global-styles' );
}
add_action( 'wp_enqueue_scripts', 'remove_global_styles_inline_css' );

PS：如果主题已经有了使用wp_enqueue_scripts钩子的函数，直接把wp_dequeue_style( 'global-styles' );这一句放进去就行了，如果没有，就全放进去。

扩展文章

WordPress 5.0+版本移除前端wp-block-library-css的调用