WordPress 如何移除wp5.9+版本出现的内联样式global styles inline css和svg图像_WordPress教程

最近点启资源发现wordpress5.9+版本会在前台头部插入了global-styles 内联样式，并向底部插入了很多的 svg 图像，对于我们来说这个些代码显得有些多余了，因此决定把这些去掉。

在主题的functios.php添加

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

那么，如何移除svg图像呢？在使用主题的根目录下新建一个theme.json文件，写入下面代码

 {
"version": 1,
"settings": {
"color": {
"duotone": null
}
}
}

一键移除内联样式和svg图像

 function remove_global_styles(){
remove_action('wp_enqueue_scripts', 'wp_enqueue_global_styles');
remove_action('wp_footer', 'wp_enqueue_global_styles', 1);
}
add_action('after_setup_theme', 'remove_global_styles', 10, 0);

移除所有区块样式

 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 );
}