WordPress 5.9 版本后,WordPress官方对古腾堡编辑器(块编辑器)做了升级,我们在使用经典编辑器的情况下会出现许多冗余代码,比如头部内联样式 global-styles-inline-css和duotone svg等。
屏蔽global-styles-inline-css可以将以下代码添加到当前 WordPress主题的functions.php文件中即可
//WordPress 移除头部 global-styles-inline-css
add_action('wp_enqueue_scripts', 'fanly_remove_global_styles_inline');
function fanly_remove_global_styles_inline(){
wp_deregister_style( 'global-styles' );
wp_dequeue_style( 'global-styles' );
}
若发现有wp-block相关的冗余代码,可添加以下代码:
add_action('wp_enqueue_scripts', 'fanly_remove_styles_inline');
function fanly_remove_styles_inline(){
wp_deregister_style( 'global-styles' );
wp_dequeue_style( 'global-styles' );
wp_dequeue_style( 'wp-block-library' );
wp_dequeue_style( 'wp-block-library-theme' );
wp_dequeue_style( 'wc-block-style' );
}
移除duotone svg图标
在当前 WordPress 主题文件夹下创建一个:theme.json 文件,然后再文件中添加以下代码即可。
{
"version": 1,
"setting": {
"color": {
"duotone": null
}
}
}