グーテンベルグ用のcssの読み込みを消す方法【コピペOK】

グーテンベルグ用のCSSの読み込みを消す方法 wordpress

・グーテンベルグ用のcssの読み込みをキャンセルしたい。

・WordPressでcssファイルの無駄な読み込みを減らしたい

こんな悩みを解決します。

function.phpに4行追加するだけで解決します。

グーテンベルグのエディタを使っていない人はまだまだ多いと思います。

その結果、使っていないcssの読み込みが発生するので、僅かですがページ読み込み速度が低下します。

以下の方法でソースコードからcssの読み込みタグを削除することができます。

スポンサーリンク

グーテンベルグ用のcssの読み込みを消す方法

グーテンベルグ用のcssの読み込みを消す方法

使っているテーマのフォルダにある「functions.php」に以下のコードを追記します。

 

add_action( 'wp_enqueue_scripts', function() { 
  wp_dequeue_style( 'wp-block-library' );
  wp_dequeue_style( 'wp-block-library-theme' );
});
4行でなくても、改行しないで1行で書いても同じなんですけどね。

functions.phpに追記した結果画像

追記前
GutenbergのCSSが読み込まれているソースコード
id=’wp-block-library-css’がある。

追記後
GutenbergのCSSが読み込まれていないソースコード
id=’wp-block-library-css’が消えた!!

Makoto

リアル坊主。
普段はお寺にいます。

筋肉体操に影響を受けて40才代で筋トレ始めました。

Makotoをフォローする
wordpress
スポンサーリンク
Makotoをフォローする
Bonz-net | WEBサイトはどう世の中の役に立つか?と考えてみるサイト

コメント

タイトルとURLをコピーしました