WordPress移除global-styles-inline-css和duotone svg

正文：

WordPress 版之后，块编辑器进行了深度升级，导致只使用经典编辑器时，会出现很多冗余代码。标题内嵌样式 global-styles-inline-css和底部双色调 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
        }
    }
}

转载请注明：汇站网 » WordPress 移除 global-styles-inline-css 和 duotone svg