WordPress：え？子テーマのCSSがふたつ！！？？

スポンサー

ある時、自分のブログの読み込みが遅い原因を探ろうとソースコードを見ていたら、妙な事に気が付いた。

なんと、

子テーマのスタイルシートが二つ読み込まれているのだ！

なんだ！これは！？？

子テーマを作るときに参考にした様々なサイトで紹介されている通りに間違いなく設定したのに。

子テーマのfunctions.phpに

function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',  get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ) );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

と、記述してアップロードと、検索して出てきたサイトのどれも一様に書いてあった。

今まで子テーマを作ったサイトはどれもこれも同じようにこう記述して安心しきっていた。

 

ねこもりやがどう頭を捻っても、頭を抱えても、わしゃわしゃと掻きむしっても、なーんも出てこない、、、

なので・・・

ここは、「なんでも聞いてください」と言ってくださったXakuro Systemの石鷹さんに「なんででしょう？」と聞いてみた。

すると、Xakuro Systemの石鷹さんは事も無げに、

「あっ、これ「あるある」です。 子テーマの style.css は親テーマ側で組み込まれるので、子テーマでは組み込まなくていいですよね。wp_enqueue_style( ‘child-style’ ・・・ の行は不要です。」

そして、「WordPress のドキュメント（Codex）が間違えているから」とも・・・

なんと！みんなが必ず参考にするであろうCodexが間違えてるなんて。

 

ねこもりやが作ったサイトの一部は、ねこもりやのブログ同様、CSSが重複してた。

ここが問題よね。

そうでないサイトもあるわけで。

一概に

function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

で、OKとも言えず。

なので、↑でやってみて確認するべし。

 

無知な自分への戒めを込めて。

 

教えて頂いたXakuro Systemの石鷹さんは、すごく便利で素敵なプラグインをいくつも作ってらして、ねこもりやの憧れの方。

phpもcssもなんでもござれなんて素敵すぎます♪

ぜひ、便利なプラグインを組み込んだテーマを作って配布していただきたい！

Xakuro Systemの石鷹さんのサイトのPageSpeed Insightsでのスコア１００とか驚くばかり。

次回、Auto Post Thumbnail をやめてXO Featured Image Toolsにした話も書かなくっちゃ！

XO Featured Image Tools

XO Featured Image Tools プラグイン

スポンサー

ニュースレターを購読する

このフィールドは空白のままにしてください

更新情報をメールで受け取ることができます。

メールアドレス *

受信ボックスか迷惑メールフォルダを確認して購読手続きを完了してください。