【WordPress/イベントカレンダープラグイン】どれがいい？上位8件を徹底比較しました

イベントカレンダープラグインの比較

イベントの投稿をカレンダー形式で表示させて、開催予定や開催中を表示するプラグインがありますが、どれを使うのがベストか悩みます。

インストール数＋レビュー数＋レビュー平均点を加味した上位8件で設定方法・ユーザー視点での見やすさ使いやすさ・カレンダーデザインを徹底比較していきます。
上位8件は以下の通りです。

評価レビュー

The Events Calendarのインストール数が群を抜いており、レビュー数、採点ともに高い。
次いで、All-in-One Event CalendarとEvents Managerのインストール数が同率だが、採点が少し低い。
Event OrganiserとMy Calendarはインストール数では劣っているものの採点が高くなっている。

対応する機能

イベント繰り返しからの除外やショートコードが使えるプラグインがオススメ。サイドバーで使えるミニカレンダーも便利です。

カレンダーデザイン

プラグイン	All-in-One Event Calendar	Event Calendar WD
カレンダー
サイドバー
プラグイン	Event Organiser	Events Manager
カレンダー
サイドバー
プラグイン	My Calendar	Simple Calendar
カレンダー		–
サイドバー		–
プラグイン	Calendar by WD	The Events Calendar
カレンダー
サイドバー

イベントの投稿をカレンダーで表示させるプラグインの設定

All-in-One Event Calendar

プラグイン公式ページ：All-in-One Event Calendar

All-in-One Event Calendarの設定

プラグインを有効化すると、「calendar」という固定ページが自動生成されます。
固定ページ「calendar」でイベントカレンダーが表示されます。

「Please, Sign In to Timely Network.」と書いてあるが、Timely Networkに新規登録しなくても使用できます。

日本語化翻訳ファイルは提供されているのですが、設定ページの多くの箇所が翻訳に対応していない。（.poには項目があるにも関わらず、日本語で上書きされない。）
ユーザーが閲覧するフロントページ（イベントカレンダー）側は、日本語化されているので、運用には問題ない。

のタブに切り替えます。

「Input dates in this format」は、デフォルトでは日本では使わない日付フォーマットになっているので、
「Default (d/m/yyyy)」から「ISO 8601 (yyyy-m-d)」へ変更します。

のタブに切り替えると、WordPress内の任意の場所でカレンダーを表示させることが出来るショートコードが確認できます。

[fusion_builder_container hundred_percent="yes" overflow="visible"][fusion_builder_row][fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none"][ai1ec view="monthly"]

[ai1ec view="weekly"]

[ai1ec view="oneday"]

[ai1ec view="agenda"]

[ai1ec]

[ai1ec cat_name="祝日"]

[ai1ec cat_id="1"]

[ai1ec post_id="1"]

[ai1ec events_limit="5"]

複数の場合は、「 , 」カンマで区切ります。

All-in-One Event Calendar公式ドキュメント：あなたのサイトに複数のカレンダーを表示する（ショートコード）

イベントの追加

新しく追加を開くと、エラーメッセージが表示される。
「Warning: http_build_query(): Parameter 1 expected to be Array or Object. Incorrect value given in xxx/wp-includes/Requests/Transport/cURL.php on line 508」
再度、同じ投稿を開くときには、表示されないので問題ないと思う。

• イベントタイトル
• 丸1日の終日
• 終了時間なし
• イベントの繰り返し（毎◯日の間隔、毎週◯曜日、毎月の◯日、第◯週の◯曜日、毎年の◯月、カレンダーから指定するカスタム）
• 繰り返しからの除外する日を指定
• 住所入力するとGoogleMapに自動連携で地図を表示。
• イベントの料金
• 主催者連絡先情報
• カテゴリー・タグ
• アイキャッチ画像
• コンテンツ文章

実際の表示・カレンダーデザイン

イベントの日程表

タイトル下の日付が「◯月◯」となっていて、「◯月◯日」じゃないのが少し気になる。

日カレンダー

イベント項目にマウスカーソルをホバーさせると、このように内容が吹き出しで表示される。月・週も同じく吹き出しで表示。

月カレンダー

週カレンダー

個別のイベントページ

それぞれのカレンダーでイベント項目をクリックすると、詳しいイベント情報が確認できる。

サイドバー　直近のイベント　ウィジェット

スタイルの変更

大まかなデザインをテーマとして適用できる。

テーマを元に、カレンダーのデザインを細かく設定できる。

Event Calendar WD – Responsive Event Calendar plugin

プラグイン公式ページ：Event Calendar WD – Responsive Event Calendar plugin

Event Calendar WD – Responsive Event Calendar pluginの設定

プラグインを有効化すると、「calendar」というカスタム投稿タイプページが自動生成されます。
スタム投稿タイプページ「calendar」でイベントカレンダーが表示されます。

有効化の直後に、この画面に移動しますがスキップできます。

イベントの追加

実際の表示・カレンダーデザイン

21日～26日で設定しているのに、21日にしか表示されていない。

サイドバー　イベントカレンダー　ウィジェット

Event Organiser

プラグイン公式ページ：Event Organiser

Event Organiserの設定

ほぼ日本語対応している。

他にも、「権限」タブで権限グループごとに制限をかけたり、
「パーマリンク」タブでパーマリンク構造を変更できます。

イベントの追加

• イベントタイトル
• 丸1日の終日
• イベントの繰り返し（毎◯日の間隔、毎週◯曜日、毎月の同日、毎月の同じ曜日、毎年の同月同日、カレンダーから指定するカスタム）
• 繰り返しからの除外する日を指定
• 住所入力するとGoogleMapに自動連携で地図を表示。
• 会場の選択。（イベント > 会場で作成したイベント会場）
• カテゴリー・タグ
• アイキャッチ画像
• コンテンツ文章

住所の入力欄が都道府県や市町村で分割されているので、入力しづらいがGoogleAPIKeyを入力すると、地図はちゃんと連動した。

実際の表示・カレンダーデザイン

Event Organiserのカレンダー表示方法は、任意の場所へショートコードで出力します。

固定ページへイベントカレンダーのショートコードをパラメーター無しで入力。

[eo_fullcalendar]

↓

ショートコード（パラメーターなし）

固定ページへイベントカレンダーのショートコードをパラメーターありで入力。
日付形式を日本に合わせ、使えそうなパラメーターはだいたい揃えたので下記のショートコードから引き算で必要な要素だけ残して利用して下さい。

[eo_fullcalendar defaultView="agendaWeek" headerLeft="month,agendaWeek,agendaDay,basicWeek,basicDay" headerCenter="title,category,venue" headerRight="prev,next,today,goto" titleformatmonth="Y年 n月" titleformatweek="Y年 n月j日{'—'j}" titleformatday="Y年 n月j日 l" columnformatday="n/j l" columnformatweek="n/j D"]

↓

ショートコード（パラメーターあり）月

ショートコード（パラメーターあり）週

ショートコード（パラメーターあり）日

ショートコード（パラメーターあり）週

ショートコード（パラメーターあり）日

参考：Event Organizer Docs

個別のイベントページ

サイドバー　イベント会場　イベント一覧　イベントカレンダー　ウィジェット

Events Manager

プラグイン公式ページ：Events Manager

Events Managerの設定

プラグインを有効化すると、固定ページが自動生成されます。

• イベント
• — My 予約（子ページ）
• — カテゴリー（子ページ）
• — タグ（子ページ）
• — 開催場所（子ページ）

のタブを開く。

設定項目が多いので、チェックした方がいい項目のみ紹介します。

他にも画像サイズ、権限グループの管理、イベント申請フォーム、パフォーマンスの最適化、スタイリングのオプション、管理ツールの見出し項目があるが、デフォルトでも問題ない。

のタブを開く。

イベントの追加

• イベントタイトル
• 丸1日の終日
• 住所入力するとGoogleMapに自動連携で地図を表示。
• 開催場所の選択。（イベント > 開催場所で作成した開催場所）
• カテゴリー・タグ
• アイキャッチ画像
• コンテンツ文章
• 予約チケットの設定

• イベントタイトル
• 丸1日の終日
• イベントの繰り返し（毎◯日の間隔、毎週◯曜日、毎月の◯日、第◯週の◯曜日、毎年の◯月）
• 住所入力するとGoogleMapに自動連携で地図を表示。
• イベントの料金
• 開催場所の選択。（イベント > 開催場所で作成した開催場所）
• カテゴリー・タグ
• アイキャッチ画像
• コンテンツ文章
• 予約チケットの設定

実際の表示・カレンダーデザイン

標準のカレンダーでは、CSSデザインがほぼされておらず、イベントも開始初日にしか項目が表示されていない。
つまり、使い物にならない。

リッチなイベントカレンダーを表示させるには、Events Managerの拡張用プラグイン「WP FullCalendar」をインストールする必要があります。

「WP FullCalendar」で検索し、有効化。

Post Typesの「イベント (event) – powered by Events Manager」を選択し、保存。

固定ページでショートコードの

[fullcalendar]

を入力し、表示してみます。

ui-lightness

blitzer

デザイン、使いやすさともに良い感じです。デザインテーマを選べるのも高評価。

個別のイベントページ

サイドバー　開催地一覧　イベント一覧　イベントカレンダー　ウィジェット

My Calendar

プラグイン公式ページ：My Calendar

My Calendarの設定

イベントカレンダー用の固定ページを作成し、

[my_calendar]

を挿入する。

ヘルプにはショートコード使用例やショートコードジェネレーターがあり、カスタムやフィルタリングに困らない。

先ほど用意したイベントカレンダーの固定ページURLを指定します。

タブを開きます。

8割がた日本語に翻訳されていますが、英語のままの箇所を直します。

タブを開きます。

GoogleAPIマネージャーからAPIKeyを取得して「Google Maps API キー」へ入力し、Google マップ (シングルビューのみ)にチェックを入れます。
マップが表示されるようになったので、「Google Mapへのリンク」は不要なのでチェックを外します。

タブを開きます。

イベントスケジューリングの設定の

• イベント終了後はリンクを消す
• イベントが休日にぶつかった場合、そのイベントは表示しない

は、便利な機能だと思います。

パーミッションタブでは、権限グループのアクセス許可を管理。通知タブは複数メンバーでイベントを投稿する際の通知を設定します。

イベントの追加

• イベントタイトル
• 丸1日の終日
• 終了時刻を表示しない
• イベントの繰り返し、繰り返し間隔と回数の指定（毎◯日の間隔、毎◯週の間隔、毎月の同日、毎月の同じ曜日、毎年の同月同日、毎年）
• 住所入力するとGoogleMapに自動連携で地図を表示。
• 場所の選択。（My Calendar > 場所の管理で作成した開催場所）
• カテゴリー
• アイキャッチ画像
• コンテンツ文章

実際の表示・カレンダーデザイン

イベントカレンダー

個別のイベントページ

サイドバー　今後のイベント　今日のイベント　ミニカレンダー　ウィジェット

Simple Calendar – Google Calendar Plugin

プラグイン公式ページ：Simple Calendar – Google Calendar Plugin

Simple Calendar – Google Calendar Pluginの設定

API連携させるには、

• GoogleAPIマネージャーでCalendar APIを有効にし、APIキーを取得、Calendars > Settingで「Google API Key」を入力。
• Calendars > Add NewのGoogle CalendarタブにあるCalendar IDに表示させたいGoogleカレンダーのCalendar ID（共有設定を一般公開設にする必要がある）を入力。

しかし、以下のエラーが表示され動作しなかった。

While trying to retrieve events, Google returned an error:

Error calling GET https://www.googleapis.com/calendar/v3/calendars/カレンダーID/events?singleEvents=true&maxResults=2500&timeZone=Asia%2FTokyo&timeMin=2017-05-25T00%3A00%3A00%2B09%3A00&timeMax=2018-06-23T23%3A59%3A59%2B09%3A00&key=APIキー: (403) The request did not specify any referer. Please ensure that the client is sending referer or use the API Console to remove the referer restrictions.
Please ensure that both your Google Calendar ID and API Key are valid and that the Google Calendar you want to display is public.
Only you can see this notice.

エラーについて調べてみるも、まだ解決していないよう。
最後の投稿がこの記事を書いている2ヶ月前なので、しばらくすると修正されているかも。

エラーについてのフォーラム：Simple Calendar Google Api Issue / Error calling GET

GoogleAPIは仕様がコロコロ変わり、プラグイン作者が対応できないためGoogleサービスと連携させるプラグインには地雷が多い感じがする。

Calendar by WD – Responsive Event Calendar for WordPress(Spider Event Calendar)

プラグイン公式ページ：Calendar by WD – Responsive Event Calendar for WordPress

Calendar by WD – Responsive Event Calendar for WordPressの設定・イベント追加

カレンダーを作成します。
「Set the default timezone:」のタイムゾーンには東京が存在しないので、UTCが同じ「Asia/Seoul UTC+9.00」を選択します。

先ほど作成したカレンダーにある「Manage events」をクリック。

• イベントタイトル
• イベントの繰り返し、繰り返し間隔と回数の指定（毎◯日の間隔、毎◯週の間隔、毎月の同日、毎月の同じ曜日、毎年の同月同日、毎年）
• カテゴリー
• コンテンツ文章

イベント内容は、設定項目が少ない。

固定ページのビジュアルエディタにあるカレンダーボタンでショートコードを挿入します。

実際の表示・カレンダーデザイン

月　イベントカレンダー

若干、日本語翻訳がおかしいのと、日付形式が日本に合っていない。

イベント詳細のポップアップ

サイドバー　イベントカレンダー　イベント一覧　ウィジェット

The Events Calendar

プラグイン公式ページ：The Events Calendar

The Events Calendarの設定

のタブを開く。

イベントの追加

• イベントタイトル
• 丸1日の終日
• 住所入力するとGoogleMapに自動連携で地図を表示。
• イベントの料金
• 主催者
• 会場
• カテゴリー・タグ
• アイキャッチ画像
• コンテンツ文章

実際の表示・カレンダーデザイン

月　イベントカレンダー

月・週・リスト表示で切り替えられます。

個別のイベントページ

アイキャッチ画像がダブっている。修正するにはテンプレートファイルを編集する必要があります。

サイドバーのイベントリストウィジェット

どれがいいのか？

The Events Calendarのインストール数が多いので、一番優れているのかと思いきや意外と機能が少なかった。
私はレビュー平均点の高かったEvent OrganiserとMy Calendarが機能が多くて使いやすいと感じました。
特にMy Calendarは、休日イベントカテゴリーを設定したイベントと重なった通常イベントが非表示になる機能は、他のプラグインには無く秀逸。

デザイン面では、All-in-One Event CalendarとEvents Managerが完成度が高い。

[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

 - 無料プラグイン wordpress, プラグイン, 使い方, 比較