WordPressサイトにカレンダー形式の予約プラグインを設置する
ヘアサロン、エステなど美容関係やレストランなどの飲食業、ホテル、旅館、習い事、カウンセリング、医療関係などのサイトを構築する際、予約カレンダーは必須になってきます。
その時に悩まなくていいように、ちょっと設置してみようとwordpressのプラグインを探してみたら、あるにはあるんですね。ていうか、けっこうあります。
- Booking Calendar (437)
- WP Booking Carendar (190)
これらあたりが、カレンダー式の予約システムだと思うのですが、もちろん全編英語です。
2,3個ダウンロードしてみたけれど、ちっとも設置方法がわからない。
すぐ削除してまた他のプラグインを入れてみるけど、直観操作でどうにかなるようなハードルではなく、心折れて、すぐ諦めました。
日本語で詳細を書いてくれているプラグインもたまにありますが、翻訳ソフトに丸投げして結果を貼り付けているだけなんでしょうか、内容がまったくトンチンカンです。
こうなると、いくら評価良くても実装するまでに時間かかってしゃあない・・・
・wordpressの最大の利点、知識がなくてもサイトが作れる
に反しています。
で、ネットを検索していたら見つけました、国産のwordpress用ブラグイン。
MT System さんの シンプル予約システム。
ダウンロードはこちらから
MTS Simple Booking C Ver.1.4.1 のダウンロード
2019年までアップデートや更新履歴があるので、今のところ安心。
なにより日本語のサイトで丁寧な説明を読むことができるのはポイントが高い。
ファイルをアップロードする
ちなみに、wordpressのプラグイン検索ではダウンロードできませんので、サイトからダウンロードしたものを「プラグインのアップロード」でインポートします。
インポートが終わると、

1. 予約システムの設定をする
2. 予約品目を登録する
3. 実行ページ「booking-form」を登録する
固定ページの新規作成から、スラッグ欄にbooking-formと入力した空白ページを作ります。
4. 予約カレンダーを表示する
表示したいページの編集画面で、ショートコードを貼り付ける。
[monthly_calendar id=”●●”] ※●● は、予約品目を登録したページIDを入れます。
上記のように、ページに入力する方法と、ウィジットとして貼り付ける方法があります。
ダッシュボード画面―外観―ウィジット をクリックすると、一番上にMTSSBカレンダーの項目が追加されているので、これをサイドバーなどにドラッグドロップすれば、好きな場所に表示させることができるというわけです。すばらしいですよね、日本語対応、サイトに丁寧な初心者向け解説までついて、ここまでなら無料だなんて、至れり尽くせりいったところです。

カレンダーの外観
〇は予約可能日
時間割の内容 
予約フォームの内容
補足
カレンダーが表示されない。
- 手順1「予約システム」―「各種設定」の一番上 カレンダーを表示する のチェックが外れている。
- ショートコードを正しく貼り付けていない。
時間割をタップしても入力フォームが表示されない。
手順3で作成した実行ページにショートコードを貼り付けてしまうと、カレンダーは表示されますが入力フォームが出てきません。
実際私もやってしまって、これで2時間悩みました。
MTSさんのサイトには細かく説明されているのですが、やってしまいがちなのが、実行ページへの貼り付けではないでしょうか。
間違いやすいポイント
- 実行ページのスラッグ名にbooking-formを入力する
- 設定画面でカレンダーの表示にチェックを入れる
- 実行ページにショートコードを貼り付けない
- ショートコードは表示したいページに貼り付ける
他にも無料範囲内でできることがサイトに書いてくれています。詳しくは、機能ガイド
を見てください。