当前位置: 首页 设计 正文移除WordPress 6.9版头部自带的id='global-styles-inline-css'WordPress升级到6.9版,在页面head里面被添加了id= global-styles-inline-css ,里面定义了一大段颜色和字体大小样式,看着好像是WordPress的Gutenberg编辑器或者默认主题相关,我自己两个都不用,索性把那大段的样式去掉。

2025年12月,WordPress更新到了6.9版,原来针对5.9版本的方法好像失效了,下面是针对6.9的新方法。

//移除WP核心的global-styles的输出add_action( 'wp_loaded', function() { remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' ); remove_action( 'wp_footer', 'wp_enqueue_global_styles', 1 );}, 20 );

今天看后台WordPress 5.9版的升级提示,于是就升级了一番。升级之后看看前后台有没有什么异常,然后看到页面顶部输出了一段颜色和字体大小样式。

style>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-cssfunction remove_global_styles_inline_css() { wp_dequeue_style( 'global-styles' );add_action( 'wp_enqueue_scripts', 'remove_global_styles_inline_css' );