過去に制作したカスタム投稿タイプからイベントを投稿すると同時にイベントカレンダーに連携させるプログラムを制作してみました。

動画解説

動画再生

編集画面

ダッシュボード内に「イベントスケジュール」というイベント専用の投稿タイプを用意し、編集ページに対し、独自のカスタムフィールドを用意しました。(画像薄赤部分)

このフィールをド入力するだけでイベントカレンダーの一覧に表示するだけでなく、イベント詳細ページを同時に作成することがができます。

イベントは、定期的なイベントとして曜日ごと、日時ごとで一括制御ができることから、何度も同じ内容を繰り返し設定する手間を省くことができます。

画像クリックで拡大
画像クリックで拡大

カテゴリーごとに色分け

更にイベントカレンダー内のイベントを示すリボンはイベントカテゴリーと連動しており、各イベントカテゴリー内で設置したカラーがカレンダー内に反映されるようになります。

 

カレンダー

イベントカレンダーはあらかじめ用意してある「ショートコード」と呼ばれる短縮コードを入力することでサイト内であればどの場所でも設置することができます。

画像クリックで拡大