WordPress5.9移除global-styles-inline-css和duotone svg

今天秦三爷登录博客后台,发现wordpress竟然自动晋级到最新版别,之前就传闻wordpress5.9版别有一些严峻改变,部分wordpress主题的兼容性有问题 ,吓得秦三爷赶紧查看了一下秦三爷笔记博客,好在我用的xiu主题并没有出现严峻的兼容性问题(究竟xiu主题是一个功用非常简单的主题)。

但是,在查看网页源码的时分发现头部多出来一些css样式,如下面这样的:

body{–wp–preset–color–black: #000000;–wp–preset–color–cyan-bluish-gray: #abb8c3;

经过查询得知这些css样式代码属于WordPress 5.9 版别后对块编辑器做了深度的晋级,对秦三爷这样有用经典编辑器的人来说,这些css样式代码就剩余了,那么就找找教程去掉这些代码,让网页源码更清新点。

拓宽阅览:一行代码禁用wordpress古腾堡编辑器(恢复wp经典编辑器)

那么怎么完成WordPress5.9移除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
        }
    }
}

经过一番折腾,总算是搞定了!