読者です 読者をやめる 読者になる 読者になる

ガジェレポ!

京都在住の中年サラリーマンブロガー。 Mac、iPhone、ゲームにアプリなどなど興味をもったガジェットの情報をなんでもレポート。

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

SPONSORED LINK

f:id:gadgerepo:20151115035838j:plain

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

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

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

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

www.32style.com

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

f:id:gadgerepo:20151115040029p:plain

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

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

f:id:gadgerepo:20151115040100p:plain

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

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

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

f:id:gadgerepo:20151115040130p:plain

当ブログは子テーマ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;
}

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

f:id:gadgerepo:20151115040209p:plain

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

おつかれさまでした。