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

最近发现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 );  }

创作不易，用心坚持，请喝一怀爱心咖啡！继续坚持创作~~