欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」WordPress移除global-styles-inline-css和duotone svg

作者 : 自学哈 本文共932个字,预计阅读时间需要3分钟 2022-11-26 共169人阅读
也想出现在这里? 联系我们

WordPress 5.9 版本后对块编辑器做了深度的升级,所以导致子凡只使用经典编辑器的情况下又出现了许多的冗余代码,头部内联样式 global-styles-inline-css 和底部 duotone svg 图标的代码对于很多主题来说其实都不大兼容。

子凡我是绝对不能够忍受页面前端出现没有仍和功能的代码。经过一番折腾,现在将成果分享一下。

移除顶部内联样式 global-styles-inline-css

将以下代码复制添加到当前 WordPress 主题的 functions.php 文件中即可

1
2
3
4
5
6
//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 相关的冗余代码,可以使用如下代码:

1
2
3
4
5
6
7
8
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 文件,文件内容如下

1
2
3
4
5
6
7
8
{
    "version": 1,
    "setting": {
        "color": {
            "duotone": null
        }
    }
}
本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」WordPress移除global-styles-inline-css和duotone svg
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号