【WP】イベントカレンダーを作成できるプラグイン『Event Organizer』

event-calendar-plugin-event-organiser

イベント情報を掲載するサイトを構築するとき、カレンダーで一覧を表示させたり会場の情報を掲載したい要望をいただきます。

カスタム投稿やカスタムフィールドを用いてイベント用の記事を作成したり、Googleカレンダーなどを読み込みカレンダーを表示することもできますが、管理や記事の更新などに手間がかかってしまいます。

WordPressのみで完結できるイベントカレンダーを構築できないかと調べてみたら、『Event Organizer』というプラグインがあったのでご紹介をします。

『Event Organizer』ダウンロード

『Event Organizer』インストール

プラグインをダウンロードしてインストール後、有効化をします。有効化後は、設定メニューに『Event Organizer』が追加されます。

event-calendar-plugin-event-organiser-01

設定内容は初期値のままでもイベントカレンダーを作成できるので、初期値の内容でカレンダーを作成してみます。

イベント情報を公開するためにイベント用のページテンプレートが必要です。ダウンロードしたプラグインのファイル「event-organiser」内に「templates」フォルダがあります。その中に基本的なテンプレートが入っているので、それらを参考にテーマ用のファイルを作成します。

event-calendar-plugin-event-organiser-02

イベント情報の作成

最初に会場情報を登録します。管理画面にイベント情報用の投稿「Events」が追加されています。「Events」メニューを開くと開催地情報を登録できる「Venues」がありますので、「新規追加」で開催地の情報を登録します。

住所情報の入力に合わせて地図も連携しているので便利です。

event-calendar-plugin-event-organiser-03

開催地情報の投稿が完了したら、続けてイベント情報を投稿します。「Events」メニューの「新規追加」でイベント情報を投稿します。

イベント名、イベント内容、開催日時、終了日時を入力することができます。開催地の情報は、登録済みの内容を選択できます。

event-calendar-plugin-event-organiser-04

イベントカレンダーの掲載

イベントカレンダーを公開する場合は、固定ページなどでショートコードを記述します。

event-calendar-plugin-event-organiser-05

/* すべての情報をカレンダーに掲載 */
[eo_fullcalendar]

ショートコードの詳細はプラグインの公式サイトにて解説があります。

[button link=”http://wp-event-organiser.com/documentation/shortcodes/” icon=”59212″ target=”blank” color=”0f0f0f” textcolor=”ffffff” size=”big”]Event Organiser[/button]

月別のカレンダー表示でイベント情報が掲載されます。

event-calendar-plugin-event-organiser-06

イベント名をクリックすると詳細ページが開きます。

event-calendar-plugin-event-organiser-07

イベント情報は、カテゴリーやタグも利用できて、インポート/エクスポートなどの機能もあり管理機能も充実しています。

関連記事

モバイル時代のモバイルフレンドリーによるSEO対策

日本国内のスマートフォン保有率は50%にのぼり、20代になると80%にもなります。消費者のパソコンからスマートフォンへのインターネット活用が大きく変わり、ウェブサイトへのアクセス方法もパソコンからスマートフォンへ移りつつあります。 まだ業種によって差はありますが飲食店、美容...続きを読む

2015.03.16SEO

魚時会館おさかな亭様WEBサイトの制作

藤枝市にある『魚時会館おさかな亭へ』様のWEBサイトの制作いたしました。魚時会館おさかな亭様は、藤枝駅より徒歩3分。昭和8年創業の老舗魚屋の目利きによる上質な海鮮料理、和食など静岡名物や料理を提供しおります。静岡県藤枝市で宴会・出前・法事・仕出し弁当のことなら魚時会館おさかな...続きを読む

2018.09.04WEBサイト制作

【HTML】Sass・SCSSを使ってWEBサイトの制作を効率化する

現在の多くのWEBサイトではHTMLとCSSによって構築されています。WEBサイトの制作方法を勉強するとHTMLとCSSについてを学ぶと、ここ最近は、SassやSCSSといったキーワードが出てきます。SassやSCSSを活用しなくても、もちろんWEBサイトを制作することが...続きを読む

2019.05.13HTMLコーディング

【WP】オリジナルショートコードの作り方

WordPressでは、shortcodes(ショートコード)という簡単な記述で、事前の用意された処理コードを実行することができます。 ショートコードを作成する ショートコードの作成はPHP関数の基本的な必要になりますが、オリジナルのショートコードは簡単に作成すること...続きを読む

2015.02.24WordPress

【フォト】蓮華寺池公園フォトギャラリー《こどもの日》

静岡県藤枝市にある「蓮華寺池公園」。市の花でもある藤の花が見頃になる4月末から5月初旬まで藤まつりが開催されます。期間内にこどもの日もあることから、公園内に鯉のぼりがのぼります。新緑に青い空、湖の風景は風情がありますね。 フォトギャラリー ※写真をクリックすると拡大表示し...続きを読む

2019.05.14フォトギャラリー藤枝