global-styles-inline-css を削除する

functions.php に、下記を記載。

remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' );
remove_action( 'wp_footer', 'wp_enqueue_global_styles', 1 );

1行目だけでも大丈夫なはずですが、環境によっては2行目のものじゃないと効かない場合があります。

一時期、ブロックエディタを導入したクラシックテーマで、<body>の中に、インラインスタイルが出力されている状況に出会ったことがあるんですが、再現条件を忘れました。
1行目を試してダメなら2行目を書いてみてください。

この方法がおすすめなケース

  • theme.json を使っていない
  • ブロックエディタを使っているけど、スタイルはWPに任せず、全て自分でコントロールしたい

・・・・というような場合には、必要になる方法だと思います。

逆にいえば、それ以外の人は、global-styles-inline-css を削除するのは、かえって面倒になるかと。theme.json を理解して利用するのが正攻法だと思います。

theme.json のドキュメント↓↓↓↓

デフォルトのグローバルスタイルを部分的に否定したい

グラデーションとかデュオトーンのところは不要だ!など、デフォルトの theme.json によって出力されるスタイルを部分的に否定したい場合は、’wp_theme_json_data_default’ フィルターフックを使う方法があります。

下記の記事でちょっと書いています。

コメントをどうぞ

メールアドレスが公開されることはありません。 が付いている欄は必須項目です