WordPressでglobal-styles-inline-cssを無効化する

最終更新日:

WordPress 5.9以降、head内に出力されるようになったglobal-styles-inline-cssを無効化する方法を解説します。functions.phpにコードを追加することで削除できます。

グローバルスタイルがhead内に出力される？

WordPress 5.9以降、wp_head()からグローバルスタイルが出力されるようになりました。

theme.jsonを使用していないクラシックテーマでもグローバルスタイルが読み込まれます。

<style id="global-styles-inline-css">
body{--wp--preset--color--black: #000000;...｝
</style>

クラシックテーマとブロックテーマについては以下のページをご参考ください。

ブロックテーマ

WordPressのブロックテーマとは？おすすめのブロックテーマ7選

global-styles-inline-cssを無効化する

使用しているテーマのfunctions.phpに以下のコードを追加します。

add_action( 'wp_enqueue_scripts', 'remove_global_styles' );
function remove_global_styles(){
    wp_dequeue_style( 'global-styles' );
}
go to top