WordPress網(wǎng)站移除global-styles-inline-css和duotone svg冗余代碼

WordPress 5.9 版本后對(duì)塊編輯器做了深度的升級(jí)，所以導(dǎo)致只使用經(jīng)典編輯器的情況下又出現(xiàn)了許多的冗余代碼，頭部內(nèi)聯(lián)樣式 global-styles-inline-css 和底部 duotone svg 圖標(biāo)的代碼對(duì)于很多主題來說其實(shí)都不大兼容。

我是絕對(duì)不能夠忍受頁面前端出現(xiàn)沒有仍和功能的代碼。經(jīng)過一番折騰，現(xiàn)在將成果分享一下。

移除頂部內(nèi)聯(lián)樣式 global-styles-inline-css

將以下代碼復(fù)制添加到當(dāng)前 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' );
}

當(dāng)然如果還發(fā)現(xiàn)有 wp-block 相關(guān)的冗余代碼，可以使用如下代碼：

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 圖標(biāo)

在當(dāng)前 WordPress 主題文件夾下添加 theme.json 文件，文件內(nèi)容如下

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