WordPressで営業日カレンダーを表示できるBiz Calendarプラグイン
Biz Calendarプラグインを使うとサイドバーに営業日カレンダーを表示することができます。
![営業日カレンダーの例](http://www.nishi2002.com/wp-content/uploads/2014/12/2014-12-13-11-55-41.jpg)
以下、サイドバーに営業日カレンダーを設置する手順を紹介します。
まずは、「プラグイン」‐「新規追加」メニューからBiz Calendarプラグインをインストール、有効化します。
![Biz Calendarプラグインをインストール](http://www.nishi2002.com/wp-content/uploads/2014/12/2014-12-13-11-45-05.jpg)
「設定」‐「Biz Calendar 設定」メニューから、定休日や臨時休営業日を設定します。定休日は曜日をチェックします。
![定休日を設定](http://www.nishi2002.com/wp-content/uploads/2014/12/2014-12-13-11-47-17.jpg)
臨時休業日、臨時営業日があれば入力します。
![臨時休業日・臨時営業日を設定](http://www.nishi2002.com/wp-content/uploads/2014/12/2014-12-13-11-48-56.jpg)
イベント開催予定があれば、その日付と告知URLを入力できます。
![イベント開催日を設定](http://www.nishi2002.com/wp-content/uploads/2014/12/2014-12-13-11-50-29.jpg)
前後の月への移動を制限することもできます。「変更を保存」ボタンをクリックすると設定完了です。
![前後の月への移動を制限できる](http://www.nishi2002.com/wp-content/uploads/2014/12/2014-12-13-11-51-38.jpg)
設定の完了後、「外観」-「ウィジェット」メニューからBiz Calendarウィジェットを適当なサイドバーに追加します。タイトルも入力できます。
![営業日カレンダーをサイドバーに追加](http://www.nishi2002.com/wp-content/uploads/2014/12/2014-12-13-11-53-22-500x177.jpg)
サイドバーに営業日カレンダーが表示されます。
![営業日カレンダーが表示される](http://www.nishi2002.com/wp-content/uploads/2014/12/2014-12-13-11-55-41.jpg)
イベント開催日をクリックすると、指定されたページに移動します。
定休日・イベント開催日の背景色を設定するには
定休日やイベント開催日の背景色はCSSを使って変更することができます。
たとえば、次のCSSを子テーマのstyle.cssなどに入力すれば、オリジナルの背景色を変更できます。
/* 休日の背景色 */ #biz_calendar table.bizcal .holiday, #biz_calendar p span.boxholiday { background-color: #f6bfbc; } /* イベント開催日の背景色 */ #biz_calendar table.bizcal .eventday, #biz_calendar p span.boxeventday { background-color: #4d5aaf; }
「#f6bfbc」や「#4d5aaf」が背景色のカラーコードです。自由に変更してお使い下さい。
表示結果は次のようになります。
![休日・イベント開催日の背景色を変更](http://www.nishi2002.com/wp-content/uploads/2014/12/2014-12-13-12-03-22.jpg)