Food & Dietを親テーマにHPを作りました

今回は、WPの Food & Diet というテーマを使った子テーマです。

screenshot

このテーマ、最近更新がないのでちょっと心配ですが、チャント動いています。
このテーマのサイトタイトル(ここでは「パンダ食堂」)の下のキャッチフレーズが、アニメーションでぶら下がります。この楽しさが気に入って、親テーマに選びました。

おカネ($39)を払えば、スライダー画像の挿入など出来るようですが、Freeのまま使用しています。


子テーマを作るためstyle.css を作成しましすが、Food & DietにはOption が付いていて、3種類の配色(Default,Dark,Light)や、先ほどのアニメーションを選ぶことができます。
ダッシュボードの「設定」にあるFoodDiet Setupで、Food Diet Theme Advanced Customization のパネルが開きますので、ここで設定します。

Option のLightをそのまま使おうと思たのですが、どうも配色がよくなく、変更することになりました。
具体的には、Widgets のTitle のBackRound色の変更ですが、子テーマのStyle.css では設定できません。
そう実は、親テーマのStyle.css 読み → 子テーマのStyle.css 読み → Option のCSSフォルダーにあるLight.css の順番でCSSを読んでいます。
それもLight.css は、親テーマ > CSS > light.css を読みに行ってます。この辺がちょっとケツマズイたところですね。

そのほか問題点が一つ見つかりました。それはPrimary Menu にCategoryやTagsのArchiveを選ぶと、メニューのa:hover が上手く設定されていない点です。これは親テーマのFood & Diet でも確認しました。治す機会があったら直したいところです。

このテーマスッキリしていてアニメが楽しいテーマですね。

%d人のブロガーが「いいね」をつけました。
%d人のブロガーが「いいね」をつけました。