ランダムな開催日のイベントアーカイブ

情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。

 
• 継続的に時間枠で予約を受け付けるサンプル(スライド表示)
• 継続的に時間枠で予約を受け付けるサンプル(カレンダー表示)
• イベントアーカイブをカレンダーで表示するサンプル
• イベントアーカイブを一覧で表示するサンプル
• ランダムなイベントをカレンダーで予約受付のサンプル
• Calculated Fields Form で確認画面付きメールフォーム
• Contact Form 7 確認画面をjQuery で開くサンプル

イベントのアーカイブは開催日順(期間や複数開催がある場合は最終日など)に表示するのが普通だが、ランダムに複数の開催日があるイベントのアーカイブ表示について。
*開催日はAdvanced Custom Fields Pro のリピーターで設定してメールフォームに連携する想定

カレンダーで表示

・各投稿に保存した開催日データを取得して配列に入れる　*メタ値をすべて取得して配列に入れる
・この配列から今日以前のものを削除　*日付の配列から今日以前を削除
・この配列からカレンダーの開始月を取得
・カレンダーの配列に入っている日付でイベントを表示

サンプル：https://web-taiyo.com/calendar/event

開催日順に表示

・各投稿に保存した開催日データを取得して配列に入れる　*メタ値をすべて取得して配列に入れる
・この配列から今日以前のものを削除　*日付の配列から今日以前を削除
・この配列をループして、投稿のリピーターに一致する日付があれば投稿へのリンクや必要なデータを表示
・件数・期間などでbreak も可能

サンプル：https://web-taiyo.com/calendar/event?mode=list

PCはカレンダーで、スマホは一覧で、のように分けることも可能です。