【WordPress】MASAa.blogにもカレンダーを設置してみました!

WordPressで作成されたブログサイトをいろいろ見てみると、カレンダーの設置が無いブログサイトが結構多いですね。

当初、今回のWordPress版MASAa.blogでもカレンダーを設置しない方針でした。

しかし、いざカレンダーが無いMASAa.blogを見ると、MovableType版MASAa.blogで有ったので若干物足りなく感じることに(^◇^;)

また、パッと見て今月はどれだけエントリー記事をどの日にアップしたか直ぐに把握出来ず、それによってエントリー記事をアップする意欲が低下するためカレンダーは自分にとって結構重要なブログパーツと感じました。

と言うことで、方針を転換してWordPress版MASAa.blogにもカレンダーを設置することにしました!

WordPressのウィジェットにもカレンダーは用意されているのですが、これではダサすぎます(^^ゞ

デフォルト カレンダー

今回のカレンダーは、MovableType版MASAa.blogで使っているような祝日が分かるカレンダーで有ること、MASAa.blogに有ったデザインで有ることの2つが条件です。

そこで、カレンダーのプラグインを探してみたものの自分の好みのカレンダーを探す事ができません( ̄。 ̄;)

そこで、MovableType版MASAa.blogで使用中のカレンダーをリリースしている小粋空間で調べてみると、WordPress版の「休日表示付きリアルタイムカレンダー for WordPress」が有りました!m(__)m

WordPressでのプラグイン新規追加では検索されないので、この小粋空間サイトからダウンロード後解凍して、サーバーのプラグインフォルダにアップロードする必要が有ります。

正常にアップロードすると、WordPressのインストール済みプラグインの一覧に表示されるので、有効化を選択すれば「休日表示付きリアルタイムカレンダー for WordPress」が有効になります。

しかし、レイアウトはデフォルトのカレンダーのままで、この状態に日曜日、土曜日、休日が色塗りされているだけの状態です。

休日表示付きリアルタイムカレンダー

この状態では使う気にはなれないので、多少MASAa.blogに合わせてカスタマイズしてみました。

と言っても一から作る気も起こらないので、Simplicityサイトの「カレンダーウィジェットに枠をつけるCSSカスタマイズ方法」を参照にさせて頂きましたm(__)m

それがこのソースです。

但し、これだけでは、本日のセルの枠線が黒だったり、style.cssを弄ったことによって土曜日の青色が消えてしまったりするので、プラグインの calendar.css の方も少しだけカスタマイズさせて頂きました。

これで出来たのがこのWordPrss版MASAa.blogの右上に設置したカレンダーになります。