ワードプレスで子テーマを作成してデザインを調整中子テーマのスタイルシート(style.css)のある項目だけが反映されない現象が。
ソースを確認してみる子テーマのスタイルシート(style.css)の後に読み込まれているものがあった。それは「テーマカスタマイザー」のCSS項目。
簡単に言うと
親テーマのスタイルシート
↓
子テーマのスタイルシート
↓
テーマカスタマイザーのスタイルシート
という順番、試しに子テーマでのスタイルシート(style.css)で反映されなかった項目をテーマカスタマイザーの「追加CSS」に書き込んだら上手く反映した。
テーマカスタマイザーの項目に関連したCSSはテーマカスタマイザーを利用したほうがいい。
実は今回の反映されなかったCSS項目は標準のテーマカスタマイザーには無い項目でした。しかし使ったテーマの「推奨プラグイン」がテーマカスタマイザーの強化プラグインで、そのプラグインをインストールしていない状態なのにCSSの反映を邪魔していました。
最終的には「推奨プラグイン」をインストールして、そのプラグイン機能で修正が簡単でした。
コメント