「代码分享」移除WordPress头部自带的全局内联CSS-Eswlnk Blog
智能摘要 AI
本文介绍了如何在WordPress 5.9版本中移除头部自带的全局内联CSS。作者在更新过程中发现了一些颜色和字体的风格问题，这些样式主要与Gutenberg编辑器或默认主题相关。由于作者未使用这些功能，选择通过修改`functions.php`文件中的代码来删除这些样式。具体方法是添加以下代码： ```php add_action('wp_print_styles', function() { wp_deregister_style('global-styles'); }); ``` 此举有助于减少不必要的CSS加载，提升网站性能。文章强调了此操作的简单性和有效性。

我在后台看到了 WordPress5.9版本的更新，所以对它进行了更新。在更新的时候，他检查了一下前排和右上角的情况，发现了一个颜色和字体的风格。

「代码分享」移除WordPress头部自带的全局内联CSS-Eswlnk Blog
移除WordPress头部自带的全局内联CSS
<style id="global-styles-inline-css" type="text/css">
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--<style id="global-styles-inline-css" type="text/css">
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;…………………………
</style>

它的样式代码还挺长，并且上面没展示完。看着好像是WordPress的Gutenberg编辑器或者默认主题相关，我自己两个都不用，索性把那大段的样式去掉。

删除风格的方式非常容易，只要将下面的代码加入到functions.php中。

//移出头部global-styles-inline-css
add_action( 'wp_print_styles', function()
{
	wp_deregister_style('global-styles');
} );

ESWINK , 版权所有丨如未注明 , 均为原创

原文标题:「代码分享」移除WordPress头部自带的全局内联CSS

「代码分享」移除WordPress头部自带的全局内联CSS-Eswlnk Blog