2026年5月20日

2026年5月20日

The Events Calendarの設定方法とイベント管理ガイド

はじめに

The Events CalendarはWordPressに高機能なイベントカレンダーを追加できる無料プラグインです。月次カレンダー・リスト表示・マップ連携・繰り返しイベントに対応し、セミナー・展示会・定期イベントの管理に使われます。

症状・原因

  • WordPressにイベントスケジュールページを追加したい
  • セミナーや展示会の日程を見やすく表示したい
  • 毎週・毎月繰り返すイベントを効率よく管理したい
  • Google カレンダーと連携したい

解決手順

ステップ1:The Events Calendarをインストールする

wp plugin install the-events-calendar --activate

ステップ2:基本設定を行う

イベント → 設定:
→ カレンダースラッグ: events(URLが /events/ になる)
→ 単一イベントスラッグ: event
→ 日付フォーマット: Y年n月j日(日本語形式)
→ 時刻フォーマット: H:i
→ 週の始まり: 月曜日
→ Google マップAPIキー: (任意・会場地図表示に必要)
→「設定を保存」

ステップ3:イベントを作成する

イベント → 新規追加:
→ タイトル: 「WordPressセミナー2024」
→ 説明: イベントの詳細を入力

イベント日時:
→ 開始日: 2024年12月15日 / 開始時刻: 13:00
→ 終了日: 2024年12月15日 / 終了時刻: 17:00
→ 終日イベント: OFF

開催場所(Venue):
→「新しい会場を作成」
→ 会場名: 渋谷区文化総合センター大和田
→ 住所・市区町村・郵便番号を入力

主催者(Organizer):
→ 主催者名・メール・電話番号を入力
→「公開」

ステップ4:カレンダーをページに表示する

ショートコード:
[tribe_events]                    # 全イベント一覧
[tribe_events view="month"]       # 月次カレンダー
[tribe_events view="list"]        # リスト表示
[tribe_events view="day"]         # 日別表示
[tribe_events category="seminar"] # カテゴリー絞り込み

固定ページに埋め込む:
→ 新規固定ページ → 「イベント一覧」
→ ショートコードブロックに [tribe_events] を貼り付け
→ 公開

ステップ5:WP-CLIでイベントを管理する

# イベント一覧を表示
wp post list --post_type=tribe_events --fields=ID,post_title,post_status

# 特定イベントのメタデータを確認
wp post meta list {ID} --format=table

# 開始日・終了日を確認
wp post meta get {ID} _EventStartDate
wp post meta get {ID} _EventEndDate

# 過去イベントを一括削除(90日以上前)
wp post list --post_type=tribe_events --format=ids \
  --meta_query='[{"key":"_EventEndDate","value":"2024-01-01","compare":"<"}]' | \
  xargs wp post delete --force

ステップ6:テンプレートをカスタマイズする

// functions.php — イベントの出力をカスタマイズ
add_filter('tribe_events_template_paths', function(array $paths): array {
    // 子テーマの /tribe-events/ ディレクトリをテンプレートパスに追加
    $paths[] = get_stylesheet_directory() . '/tribe-events/';
    return $paths;
});

// イベント一覧のクエリをカスタマイズ
add_action('tribe_events_before_the_loop', function() {
    // カスタムフィールドでイベントをフィルタリング
});

// 次のイベントを取得(プログラムから使用)
$upcoming = tribe_get_events([
    'posts_per_page' => 3,
    'start_date'     => date('Y-m-d'),
    'orderby'        => 'event_date',
    'order'          => 'ASC',
]);
foreach ($upcoming as $event) {
    echo tribe_get_start_date($event->ID, false, 'Y年n月j日') . ': ';
    echo esc_html($event->post_title) . PHP_EOL;
}

注意事項

  • 繰り返しイベント(毎週・毎月)はEvents Calendar PRO(有料)が必要です
  • Google マップAPIキーはGCP(Google Cloud Platform)で取得してください
  • イベントが大量になるとパフォーマンスに影響します。定期的に過去イベントをアーカイブしてください

まとめ

The Events Calendarは[tribe_events]ショートコードで月次カレンダー・リスト表示が可能です。tribe_get_events() でプログラムからイベントを取得でき、テーマの /tribe-events/ ディレクトリでテンプレートをカスタマイズできます。

お気軽にご相談ください

お見積りへ お問い合わせへ