WordPressの親テーマのCSSが一部、子テーマに適用されない

WordPressを使用したサイトで、他とはちょっと違うがサイトにしたいが、一からテーマを作成するのも大変!

てことで利用される子テーマですが、どうにも気になる点があるのでご紹介。

基本的に子テーマでは親テーマの情報をちょこっと子テーマのstyle.cssに書いてやればOK! でしたが、最近ではfunctions.phpも必要だってことになっています。以前まではstyle.cssに@Importで親のCSSを読み込んでいたんだけど、それは処理速度的なことなどで良くないと…

そこでfunctions.phpに以前もこのサイトで書いたコードを書けばOKと言うことになってはいます。

しかし稀にですが、その方法では親テーマのCSSが一部読み込まれていない場合があります。

例えば親のCSSではfont-sizeが28pxになっているのに子テーマでお見込んだ場合にはサイズが違う。さらに良く見てみるとセレクタが何故かかみ合ってなくて読み込まれていないようです。

その場合、functions.phpを利用して親テーマのCSSを取り込むことを諦めて、以前の@importを使えば全て読み込まれます。
しかしそれでは何も解決していないので、それ以外の方法を考えないといけませんね。。。

試に、functions.phpも@importも使わずに子テーマにheader.phpを設定し、そこに通常のCSSを読み込む記述で親テーマのCSSを読み込んでみましたが、それも一部読み込まれてませんでした。

結局は何が読み込まれてて何が読み込まれていないかを見極めるのが大切ですね。

ただそれも変な話なので、何が悪くて一部だけcssが読み込まれてないか探しましょっ

にほんブログ村 IT技術ブログへ にほんブログ村 IT技術ブログ WordPressへ にほんブログ村 IT技術ブログ Webサイト構築へ

投稿者: おーあえ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください