[WP]定休日やイベント日の設定が簡単なカレンダープラグインBiz Calendar

お店などのサイトやブログをWordPress で構築する際に便利なカレンダープラグインBiz Calendarのご紹介です。

Biz Calendarのインストール

管理画面のプラグイン新規追加よりBiz Calendarを検索するか、以下のページからプラグインファイルをダウンロードします。
Biz Calendar


Biz Calendarプラグインを有効化したら、WordPress 管理画面左メニューの「設定」から「Biz Calendar設定」へ進みます。

Biz Calendarの設定

Biz Calendarで設定できる項目を1つずつ見ていくことにします。

定休日

カレンダーの定休日を設定します。
日曜日から土曜日の間で、定休日に該当する曜日にチェックを入れます。

臨時休営業日

曜日以外の特定の日を定休日にしたい場合は、「臨時休業日」欄にyyyy-mm-dd 形式で日付を指定します。また、休業日を複数指定する場合は改行して入力します。

イベント

イベント日をyyyy-mm-dd 形式で指定します。（改行で複数登録可）

また、イベント日に指定された日付はカレンダー上でリンクが貼られますので、そのリンクをクリックした際に遷移するページのURL（イベントのurl）
を指定することができます。


※イベント日は複数指定できますが、イベントのurl の指定は1つだけです。

月送り制限設定

カレンダーの「前月」「次月」の月送りの範囲を設定することができます。

「制限なし」で無制限、
「年内」は1月～12月の範囲、
「年度内」は4月～翌年3月の範囲、
「指定」の場合は、下の「次の月」「前の月」でそれぞれ指定した範囲になります。


全ての設定が終わったら、ページ下部の「変更を保存」ボタンをクリックします。

Biz Calendarの出力

Biz Calendarのカレンダーをブログに出力する場合は、WordPress 管理画面左メニューの「外観」から「ウィジェット」へ進みます。


「利用できるウィジェット」の中にBiz Calendarがありますので、メインサイドバーなどのウィジェットにドラッグします。


ウィジェット内でBiz Calendarのタイトルを変更するなどして「保存」ボタンをクリックします。


ブログにカレンダーが表示されるようになります。

Biz Calendarのデザインカスタマイズ

Biz Calendarプラグインファイル内のCSS（biz-cal.css）を編集することで、定休日・イベント開催日の背景色や、カレンダーのサイズなどを変更することができます。

ただし、wp-content/plugins/biz-calendar/biz-cal.css ファイルを直接編集すると、プラグインのアップデート時に上書きされる（スタイルが元に戻る）可能性が高いので、変更したい箇所のスタイルをテーマファイル内のCSS に書いてあげる方が良いと思います。

カレンダーのサイズ変更

#biz_calendarのmax-widthの値を自由に変更します。

カレンダーの外枠線を消す

#biz_calendar table.bizcalのborderの値を変更します。

定休日のセルの背景色の変更

以下の2カ所のbackground-colorの値を変更します。

イベント開催日のセルの背景色の変更

以下の2カ所のbackground-colorの値を変更します。

日〜土の帯の背景色の変更

グラデーションの色味を変更する場合は#biz_calendar table.bizcal thのbackground-color、filter、background-imageの値を変更します。