ワードプレスで子テーマのスタイルシート(style.css)が一部だけが反映されない現象

ワードプレスで子テーマを作成してデザインを調整中子テーマのスタイルシート(style.css)のある項目だけが反映されない現象が。

ソースを確認してみる子テーマのスタイルシート(style.css)の後に読み込まれているものがあった。それは「テーマカスタマイザー」のCSS項目。

簡単に言うと

親テーマのスタイルシート

子テーマのスタイルシート

テーマカスタマイザーのスタイルシート

という順番、試しに子テーマでのスタイルシート(style.css)で反映されなかった項目をテーマカスタマイザーの「追加CSS」に書き込んだら上手く反映した。

テーマカスタマイザーの項目に関連したCSSはテーマカスタマイザーを利用したほうがいい。

実は今回の反映されなかったCSS項目は標準のテーマカスタマイザーには無い項目でした。しかし使ったテーマの「推奨プラグイン」がテーマカスタマイザーの強化プラグインで、そのプラグインをインストールしていない状態なのにCSSの反映を邪魔していました。

最終的には「推奨プラグイン」をインストールして、そのプラグイン機能で修正が簡単でした。

コメント

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