Column

【WordPress】簡単にイベントカレンダーを作成できるプラグイン『Event Organiser』の使い方

Web制作

2018.02.09

簡単にイベントカレンダーを作成 Wordpress Event Organiser 使い方

WordPressで簡単にイベントカレンダーを作成したいと思っている方におすすめのプラグインが『Event Organiser』です。

今回は『Event Organiser』の使い方を画像つきでご紹介いたします!

『Event Organiser』の使い方:イベントカレンダーを作成するには

WordPressにログイン後、[プラグイン]をクリック

wordpress プラグイン

プラグインの[新規追加]

wordpress プラグイン 新規追加

「Event Organiser」と検索し、[今すぐインストール]

Wordpress Event Organiser

インストールが完了したら、[有効化]

これでインストール完了です♪メニューにイベント項目が追加されます。
Wordpress Event Organiser

[イベント]-[新規追加]

Wordpress Event Organiser 使い方

「タイトル欄」にイベント名を入力

タイトル欄の下の「パーマリンク」が日本語名の場合は[編集]をクリックして変更します。

Wordpress Event Organiser 使い方

画面下「イベント詳細欄」の設定

ここで、日時・繰り返し・会場の設定をします。
Wordpress Event Organiser 使い方

「繰り返しイベントを追加/削除」の使い方

Wordpress Event Organiser 使い方 繰り返しイベントの追加・削除

日付をクリックすることで、イベントを繰り返す日を選べます。
(上記の場合、2/8~2/11まで繰り返しイベントが表示されます。)

「会場」の使い方

Wordpress Event Organiser 使い方 会場

+(プラス)マークをクリックすると、会場名と所在地が入力できます。
Wordpress Event Organiser 使い方 会場

OKボタンがありませんが、そのままページを更新すれば反映されます。
Googlemapを表示することも可能です。(APIキーの取得が必要です)

Wordpress Event Organiser 使い方 会場

会場は[イベント]-[会場]で一覧で見られ、編集できます。

Wordpress Event Organiser 使い方 会場

『Event Organiser』の使い方:カレンダーを表示するには

ショートコードで表示する

投稿・固定ページにカレンダーを表示するには、下記のようにショートコードを投稿画面に書き込みます。

Wordpress Event Organiser カレンダー ショートコード

▼カレンダー小 ショートコードはこちら
[crayon]
[eo_calendar]
[/crayon]

▼カレンダー小を設置した場合のイメージ
Wordpress Event Organiser カレンダー

▼カレンダー大 ショートコードはこちら
[crayon]
[eo_fullcalendar]
[/crayon]

▼カレンダー大を設置した場合のイメージ
Wordpress Event Organiser カレンダー

ウィジェットで表示する

ウィジェットでも追加可能です。

Wordpress Event Organiser カレンダー ウィジェット

まとめ

『Event Organiser』を使うと、wordpressに簡単にカレンダーを設置できますので、是非上記を参考にチャレンジしてみてください!

『Event Organiser』よりももっと簡単にカレンダーを設置したいという場合は、Googleカレンダーの埋め込みがおすすめです。Googleカレンダーのwebサイトへの埋め込み方法は下記をご覧ください。

[関連記事] Googleカレンダーをwebサイト(ホームページ)に埋め込む方法

  • Wordpress
  • プラグイン