WordPress 5.9版本移除 内联样式

有些小伙伴在升级到 WordPress 5.9 后，在网站头部多出一大段内联样式，应该是为新增加的“网站编辑器”功能预设的样式，暂时我们用不到这个功能时，可以先删除它。

WordPress 5.9 内联的样式，并不会有什么影响，只是看着不舒服而已。

仅移除 WordPress 5.9 新增加的内联样式

将下面代码添加到当前主题函数模板 functions.php 最后：

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

移除所有区块样式

function remove_wp_block_library_css(){
wp_dequeue_style( 'wp-block-library' );
wp_dequeue_style( 'wp-block-library-theme' );
wp_dequeue_style( 'wc-block-style' ); // 移除WOO插件区块样式
wp_dequeue_style( 'global-styles' ); // 移除 THEME.JSON
}
add_action( 'wp_enqueue_scripts', 'remove_wp_block_library_css', 100 );

移除内联样式和页脚SVG

另外，发现除页头有多余的样式，页脚也加载了SVG代码，完整移除代码：

add_action('after_setup_theme', function() {
	// 移除 SVG 和全局样式
	remove_action('wp_enqueue_scripts', 'wp_enqueue_global_styles');
	// 删除添加全局内联样式的 wp_footer 操作
	remove_action('wp_footer', 'wp_enqueue_global_styles', 1);
	// 删除render_block 过滤器
	remove_filter('render_block', 'wp_render_duotone_support');
	remove_filter('render_block', 'wp_restore_group_inner_container');
	remove_filter('render_block', 'wp_render_layout_support_flag');
});

WordPress 开发者不停地添加他们认为有用的功能，而我在不停地移除，也是杯具…

文章转载：https://zmingcx.com/disable-gutenberg-style-in-header.html