ホーム > ブログ > ワードプレス > ワードプレスの店舗向けカレンダープラグイン「Shop Calendar」を作成しました

ワードプレスの店舗向けカレンダープラグイン「Shop Calendar」を作成しました

ワードプレスで使用できる店舗向けカレンダーを表示するプラグインを作成しましたのでご紹介します。設定も簡単でウィジェットに表示できるカレンダーです。

どこが店舗向け?

このプラグインは、毎週決まった曜日の他に、第2、第4月曜とか隔週で定休日を設定することができます。設定画面で曜日を設定すれば自動的に計算して表示します。また夏季や年末年始の長期店休日も設定できるようになっています。店舗向けに作成しましたが、普通の会社でも使用できます。

実際にウィジェットに表示したのが下の写真です。毎週火曜日と第2、第4月曜日が定休日になります。太文字が今日になります。
カレンダー画像

インストール方法

ワードプレスの管理画面で、「プラグイン」→「新規追加」から画面右上に「プラグインの検索」がありますので、そこに「shop calendar」と入力してエンターキーを押します。
ダウンロードが完了したら、プラグインを「有効化」します。

使用方法

ウィジェットに表示する場合

管理画面で、「外観」→「カスタマイズ」→「ウィジェット」から表示させたいサイドバーやフッターを選び、「ウィジェットを追加」から「shop calendar」を選択してください。

投稿や固定ページに表示する場合

ウィジェットには今月のカレンダーしか表示されませんが、投稿や固定ページには複数の月を表示できます。この場合はショートコードを使用します。

[show_shop_calendar]は、今月のカレンダーが表示されます。

[show_shop_calendar year=2016 month=1]は、直接年月を指定して表示する場合の書き方です。

[show_shop_calendar next=1]は、今月を基準にして、1で来月、2で再来月のカレンダーが表示されます。複数のカレンダーを表示したいときはこの書き方が楽です。(複数を横に並べて表示させるにはcssを追加してください)

定休日の設定方法

管理画面の「設定」→「shop calendar設定」を選択すると下の写真の画面になります。
shop calendar設定画面
「定休日」は、毎週決まった曜日を設定します。(複数選択可能)
「定休日(第1曜日)」から「定休日(第5曜日)」は、定休日の曜日を設定します。(それぞれ一つだけ選択)
「長期店休日」は3ヶ所設定できます。月と最初の日・最後の日を設定します。
「臨時営業日」は1ヶ所だけ設定できます。

その他

元々はウィジエットにだけ表示させるつもりでしたが、動作確認のためショートコードを追加して複数表示させました。ところが、長期店休日は今年分しか設定できないのでミスったと思いました。ご要望があればバージンアップして次の年も設定できるようにします。

コメントを残す