Stinger3子テーマ「CANDY CRAZY」でカレンダーをカスタマイズ。

当ブログはコチラを参考にしてフッターを３カラム化しています。

【追記】 その後、当ブログは WordPressテーマ「Stinger3」から「Simplicity」に変更、そして「はてなブログ」へと移行しました。

ご了承くださいm(__)m

〜WordPressカスタマイズ備忘録 その6〜

www.32style.com

32styleさんのわかりやすい解説のおかげでフッターの３カラム化はうまくいったのですが、カレンダーウィジェットを配置したところ……

ん?日にちがところどころ抜けている?

しばらく何がおこっているのかよくわからなかったのですが、よ〜く考えてみると筆者はフッターのバック色とリンク文字の色を同じにしているのでリンク文字がバックと同化しちゃってました。

んで、このままにしておくわけにもいかないので、カレンダーの文字色などを変更することにしました。いつもどおり、備忘録を兼ねて解説します。

カレンダーをカスタマイズするには……

Stinger3の場合、カレンダーの仕様についてはstyle.cssの1172行目あたりに次のように記述されています。

当ブログは子テーマCANDY CRAZYを使用しているので、子テーマのstyle.cssに変更部分を書き足します。一番最後に次のコードを追記してください。

/*-------------------------------------
  カレンダーのカスタマイズ
------------------------------------*/
#wp-calendar {
    color: #FFF;
}
#wp-calendar thead tr th {
    text-align: center;
    margin: 0px;
    padding: 0px;
}
#wp-calendar td {
    color: #999;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
}
#wp-calendar caption {
    text-align: center;
}
#wp-calendar tbody tr #today {
    background-color: #fcd7a1;
}

文字色、バックの色を変えて見やすくしてみました。

色はおこのみで変更してみてください。

おつかれさまでした。