ランダムに開催するイベントをカレンダーで表示して予約を受け付けるサンプルです。個人サロンや体験予約、説明会、などに向いているかと思います。
イベントの開催日時はAdvanced Custom Fields Pro のリピーターで設定しています。日付にマウスオーバーで表示される時間を選択すると、メールフォームに日時と送信後の更新に必要なデータが入ります。
送信後、残り数が1減る設定で0になると選択不可となります。
申し込みメールアドレスを保存してwp_mailでリマインドメールを送信する仕組みをつけることもできます。*保存したアドレスはリマインドメール送信時に削除されます。
イベント予約カレンダーのサンプル
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5
|
6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13
|
14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21
|
22
|
23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30
|
31 |
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3
|
4
|
|||
| 5 | 6 | 7 | 8 | 9 | 10
|
11 |
12
|
13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25
|
26
|
27 | 28 | 29 | 30 |
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2
|
|||||
| 3 | 4 | 5 | 6 | 7 | 8
|
9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16
|
| 17 | 18 | 19 | 20
|
21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
31
|
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5
|
6 | |
7
|
8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19
|
20
|
| 21 | 22 | 23 | 24 | 25 | 26 | 27
|
| 28 | 29 | 30 |
