HELLO!
HIGASHIYUKI®.COM
0   /   100

WordPress5.9のglobal-styles-inline-cssをheadから一瞬で消す方法

Start Reading

ワードプレスのwp_head()内に新たに出現したglobal-styles-inline-cssを削除!

つい先日このウェブサイトのワードプレス本体を5.8.xから最新バージョンの5.9にアップデートしたところ、wp_head()何に新たな出力内容を発見。

global-styles-inline-cssというidがふられたインライン記述のCSSコード。ぼちぼちボリュームがあります。
詳しく調べていませんが、これはWordPress(ワードプレス)5.9から新たに導入されたブロックテーマなどの装飾やレイアウトに関するCSSの様ですね。

WordPress(ワードプレス)の標準テーマでホームページを運用してる方達には、必要なもの(便利な機能)である可能性が高いのでそのままにしておいた方が良さそうです。

既存テーマをガチガチにカスタマイズしている方、ブランクテーマをいじり倒している方やオリジナルテーマでホームページを運用されていらっしゃる方は、このglobal-styles-inline-cssは完全に不要なのでサッと葬りましょう。

wp_dequeue_styleでエンキューされるCSS"global-styles"を指定してfunctions.phpに記述しましょう。

WordPress(ワードプレス)のfunctions.phpファイルに下のプログラムを記述します。コピペOK!

/* global-stylesのインラインCSS出力を排除する */
add_action('wp_enqueue_scripts', 'remove_global_styles');
function remove_global_styles() {
wp_dequeue_style('global-styles');
}

これでスッキリ削除完了です。ちなみにremove_global_stylesの記述はお好みで変えてもらっても大丈夫です。単語間には"_"(アンダースコア)を使ってくださいね。