2026年5月20日
2026年5月20日
The Events Calendarの設定方法:イベント作成・表示・カスタマイズの手順
The Events Calendar は、WordPress にイベントの登録とカレンダー表示の機能を追加するプラグインです。セミナーや展示会、定期開催の催しなどを、月表示・リスト表示・日表示のカレンダーで公開できます。基本機能は無料で、繰り返しイベントやページへの埋め込み用ショートコードなどは有料の Events Calendar Pro の機能です。
この記事では、無料版でできることを中心に、インストールからイベントの登録、表示の調整、テーマでのカスタマイズまでを順に説明します。設定項目と無料版・Pro版の区分は、2026年11月時点で開発元のドキュメントを確認した内容です。
インストールする
管理画面の「プラグイン → 新規追加」で「The Events Calendar」を検索してインストールし、有効化します。WP-CLI を使える場合は次のコマンドでも同じです。
wp plugin install the-events-calendar --activate
有効化すると、管理画面に「イベント」メニューが追加されます。
基本設定(イベント → 設定)
設定は「イベント → 設定」にまとまっています。最初に確認しておきたい項目は次のとおりです。
| タブ | 項目 | 内容 |
|---|---|---|
| 一般 | Events URL slug | カレンダーのURL。初期値は events で、https://example.com/events/ がカレンダーのページになる |
| 一般 | Single event URL slug | 個別イベントのURL。初期値は event。上の Events URL slug と同じ値にはできない |
| 一般 | Include events in main blog loop | 通常の投稿一覧にもイベントを混ぜて表示するか |
| 一般 | Move to trash events older than | 指定した期間より古いイベントを自動でゴミ箱へ移す |
| 表示 | Enable event views / Default view | 使う表示形式(月・リスト・日)と、最初に開く表示形式 |
| 表示 | Date & Time | 日付の書式(年あり・年なし・年月など)と時刻の区切り |
| 表示 | Map | 会場の地図を表示するか |
| 連携(Integrations) | Google Maps API key | 会場の地図に使う Google Maps の API キー(任意) |
補足します。
- スラッグを変えた後は、「設定 → パーマリンク」を開いて「変更を保存」を押し、パーマリンクを更新してください。新しいURLが404になるのを防げます。
- 週の始まり(月曜・日曜)はプラグインの設定ではなく、WordPress の「設定 → 一般」の「週の始まり」に従います。
- 日付の書式は PHP の日付書式で指定します。たとえば
Y年n月j日と入れると「2026年12月15日」の形で表示されます。
イベントを作成する
「イベント → 新規追加」で1件ずつ登録します。編集画面で入力する主な項目は次のとおりです。
- タイトルと本文: イベント名と詳しい説明を入れます。
- 日時: 開始日・開始時刻・終了日・終了時刻を入れます。終日のイベントは「終日(All Day)」にチェックします。タイムゾーンは初期値でサイトのタイムゾーンが使われます。
- 会場(Venue): 新しい会場を作るか、登録済みの会場を選びます。会場名・住所を入れておくと、イベントページに表示されます。
- 主催者(Organizer): 主催者名・電話番号・メールアドレス・Webサイトを登録できます。
- カテゴリー・タグ: イベント専用のカテゴリー(イベントカテゴリー)で分類できます。
- 入力が終わったら「公開」を押します。
会場と主催者は別の投稿として保存されるので、2回目からは選ぶだけで使い回せます。一覧は「イベント → 会場」「イベント → 主催者」で管理できます。
ブロックエディターでイベントを編集するかどうかは、「イベント → 設定 → 一般」の「Activate Block Editor for Events」で切り替えます。
カレンダーを表示する
無料版:/events/ のページを使う
無料版では、カレンダーは Events URL slug のURL(初期値では https://example.com/events/)に自動で作られます。固定ページを作る必要はありません。グローバルメニューから案内したいときは、「外観 → メニュー」でカスタムリンクとしてこのURLを追加します。
表示形式(月・リスト・日)の切り替えは、カレンダー上部のボタンで来訪者が選べます。使わない表示形式は「表示」タブの「Enable event views」で外せます。
Pro版:ショートコードで固定ページに埋め込む
固定ページや投稿の中にカレンダーを埋め込むショートコード tribe_events は、Events Calendar Pro を有効化している場合だけ使えます。無料版だけでは動きません。Pro版では、たとえば次のように属性で表示形式やカテゴリーを指定します(ショートコードブロックに角かっこ付きで入力します)。
[tribe_events view="month"]
[tribe_events view="list" category="seminar"]
view には month・list・day のほか、Pro版の photo・week・map・summary を指定できます。
無料版とPro版の主な違い
| 機能 | 無料版 | Pro版 |
|---|---|---|
| イベント・会場・主催者の登録 | ○ | ○ |
| 月・リスト・日の表示 | ○ | ○ |
| 週・地図・写真・サマリーの表示 | × | ○ |
| 繰り返しイベント(毎週・毎月など) | × | ○ |
tribe_events ショートコードでの埋め込み |
× | ○ |
| 独自の追加項目(Additional Fields) | × | ○ |
毎週・毎月開催のイベントを無料版で扱う場合は、開催日ごとに1件ずつイベントを作ります。開催回数が多いなら、Pro版の繰り返しイベントを検討してください。
WP-CLIでイベントを確認する
イベントは tribe_events という投稿タイプとして保存されます。開始日時と終了日時は、それぞれ _EventStartDate と _EventEndDate というメタデータです。
# イベントの一覧
wp post list --post_type=tribe_events --fields=ID,post_title,post_status
# 特定イベントの開始・終了日時(123 はイベントのID)
wp post meta get 123 _EventStartDate
wp post meta get 123 _EventEndDate
古いイベントの整理は、コマンドで消すより「イベント → 設定 → 一般」の「Move to trash events older than」を使うほうが安全です。ゴミ箱に入るので、誤って消したときも戻せます。
テーマでカスタマイズする
次に開催されるイベントを表示する
テーマのテンプレートなどで、これから開催されるイベントを取り出すには tribe_get_events() を使います。
<?php
// これから開催されるイベントを3件取得する
$upcoming = tribe_get_events( [
'posts_per_page' => 3,
'start_date' => 'now',
] );
if ( $upcoming ) {
echo '<ul class="upcoming-events">';
foreach ( $upcoming as $event ) {
printf(
'<li><a href="%s">%s</a>(%s)</li>',
esc_url( get_permalink( $event ) ),
esc_html( get_the_title( $event ) ),
esc_html( tribe_get_start_date( $event, false, 'Y年n月j日' ) )
);
}
echo '</ul>';
}
tribe_get_start_date() の2番目の引数は時刻を含めるかどうか、3番目は日付の書式です。プラグインを停止するとこの関数は無くなるので、テーマに書く場合は function_exists( 'tribe_get_events' ) で存在を確かめてから呼ぶと、停止時にエラーで画面が止まるのを防げます。
表示テンプレートを上書きする
カレンダーの見た目を変えるときは、プラグインのテンプレートファイルをテーマにコピーして編集します。現在の表示(Views V2)は次の対応で上書きされます。
| プラグイン内のファイル | テーマ側に置く場所 |
|---|---|
the-events-calendar/src/views/v2/list/event.php |
(テーマ)/tribe/events/v2/list/event.php |
the-events-calendar/src/views/v2/month.php |
(テーマ)/tribe/events/v2/month.php |
手順は次のとおりです。
- 子テーマに
tribe/events/v2/フォルダーを作ります(親テーマに置くと、テーマの更新で消えます)。 - プラグインの
src/views/v2/から、変えたいファイルだけを同じ階層構造でコピーします。 - コピーしたファイルを編集します。
各テンプレートファイルの先頭のコメントに、上書きするときの置き場所が書かれています。フォルダーの階層が1つでも違うと上書きされないので、うまく反映されないときはまずここを確かめてください。旧表示(Legacy Views)用の tribe-events/ フォルダーとは場所が違うので、混同しないよう注意します。
プラグインの更新でテンプレートの中身が変わることがあるため、上書きしたファイルは更新のたびに元のファイルとの差分を確認してください。
注意点
- 繰り返しイベント、ショートコードでの埋め込み、週表示・地図表示は Pro版の機能です。無料版で必要な機能が足りるかを先に確かめてください。
- Google Maps API キーは Google Cloud で発行します。利用量によっては料金がかかるため、キーには利用できるAPIとWebサイトの制限をかけておきます。
- イベントが増えると、カレンダーページの表示が重くなることがあります。古いイベントの自動ゴミ箱移動や、「表示」タブの表示件数の設定で調整してください。
まとめ
- The Events Calendar は無料でイベントの登録と
/events/のカレンダー表示ができる。 - 設定は「イベント → 設定」。スラッグを変えたらパーマリンクを保存し直す。週の始まりは WordPress の一般設定に従う。
- 固定ページへの埋め込み用ショートコードと繰り返しイベントは Pro版の機能。
- テーマからは
tribe_get_events()でイベントを取得でき、見た目は子テーマのtribe/events/v2/にテンプレートをコピーして変える。