分享学习记录
互联网技术知识

WordPress移除顶部内联样式global-styles-inline-css的教程

WordPress新版本对块编辑器做了一些升级,导致网站在只使用经典编辑器的情况下又出现了许多的冗余代码,头部内联样式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' );
}
赞(0)
文章名称:《WordPress移除顶部内联样式global-styles-inline-css的教程》
文章链接:https://www.bailuze.com/14716.html
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站专注于百度、搜狗、360、谷歌、bing等常见搜索引擎的优化,关键词排名的提高,诚意咨询邮箱526009505@qq.com
分享到