【WordPress】自動挿入されるGutenberg用CSSを削除する方法

WordPress 5.x系以降から、新エディタ「Gutenberg」で出力されるHTMLに対応したスタイルシートが自動で挿入されるようになりました。

具体的には下記のようなコードがwp_headのときに出力されるようになります。

<link rel='stylesheet' id='wp-block-library-css' href='http://example.com/wordpress/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' />

テーマファイル内の『functions.php』にちょっとしたコードを追加して、この機能を無効化する方法を紹介します。

add_action( 'wp_enqueue_scripts', 'remove_block_library_style' );
function remove_block_library_style() {
	wp_dequeue_style( 'wp-block-library' );
	wp_dequeue_style( 'wp-block-library-theme' );
}

上記のコードを『functions.php』に記述後、出力されているHTMLをチェックすると不要なCSSファイルの読み込みが無効化されていることを確認できるはずです。
ぜひお試しください。

Gutenberg : https://ja.wordpress.org/plugins/gutenberg/