More than 3 years have passed since last update.

Wordress「Twenty Twenty」テーマにあるインラインCSSを削除する方法

Last updated at 2020-07-15Posted at 2020-07-15

適当なテンプレートが見当たらなかったため、デフォルトで入っているTwenty Twentyを親として子テーマを作成。親のCSSを読み込まないようにしたものの、インラインでCSSが設定されていて、これがちょっと全体を邪魔する曲者。

head.html

<style id=’twentytwenty-style-inline-css’>

functions.phpにwp_dequeue_styleを使ってみても読み込まれる。

funcions.php

function wp_delete_inline_css() {
	wp_dequeue_style('twentytwenty-style-inline');
}
add_action( 'wp_enqueue_scripts', 'wp_delete_inline_css' );

いろいろ調べてみると、wp_enqueue_style()で使って登録されたCSSを解除する方法とのこと。
参考URL：https://samurai-project.com/articles/3372

で、どうしたらいいのか

funcions.php

add_action( 'wp_enqueue_scripts', function() {
	$styles = wp_styles();
	$styles->add_data( 'twentytwenty-style', 'after', array() );
}, 20 );

で、解決。

Worpdress本家のTwenty Twentyのサポートに書いておりました。
https://wordpress.org/support/topic/remove-inline-styles-5/

でも、なんでこれで解決出来るのか・・・これから解読しようと思います。