既に設置しているイベントカレンダーですが、色んなプラグインを試したのですが、まだ満足はできていません。

現在表で使用しているのは「Event Organiser」と「Biz Calendar」です。「Event Organiser」でカードゲーム等のイベントを入力し、イベントカレンダー(大)を表示する固定ページを作りお見せしています。

固定ページを開かないとカレンダーが表示されない為、TOPページなどのサイドバーにカレンダーを表示できるプラグイン「Biz Calendar」にイベント実施日に印を付け、営業日を共に表示するようにしています。が、手作業で2つのプラグインに入力しないといけない為、2度手間だし間違いの元なのが難点です。あと、スマホ等でカレンダー(大)を表示した場合、レイアウトが崩れて表示されてしまいます。また、カテゴリ別に表示した際のレイアウトが酷く使えません。何とかしたいと時間がある時探すのですがいまだ答えは見つかりません。

 

メモ代わりに現在使用しているプラグインを見つけたサイトを貼っておきます。↓http://webshufu.com/event-organiser-wordpress-event-calendar-plugin/#Event_Organiser様サイトより↓

(画像が「盗用されています」と表示される場合、直接webshufu.com様のサイトをご覧下さい。)

WordPressのイベントカレンダープラグイン7個まとめ~個人的には「Event Organiser」がベスト

2014-02-22_1155

悪友が「WordPressにイベントカレンダーを付けたい」というのでプラグインを必死に物色しました。@web_shufuです。しかし悪友は結局導入を見送り、「俺の時間返せ」という気分なので物色の成果を記事にします。

 

一番のお気に入りは「Event Organiser」

いくつか試しましたが一番のお気に入りは「Event Organiser」です。

インストール

まず、WordPress管理画面左サイドバー「プラグイン」⇒「新規追加」で検索窓に「Event Organiser」と打ち込み「検索」をクリック。

「Event Organiser」が当然一番上に現れるのでインストール・有効化。

イベントページ作成

すると左サイドバーに「Event」と言うカスタム投稿タイプのタブが現れるのでクリック。 2014-02-22_1040

新規追加をクリックして早速イベントページを作成します。 2014-02-22_1106

通常の投稿と同じようにイベントのタイトルと説明文を入力しますが、これで終わりではありません。下スクロールして… 2014-02-22_1114

「Event Details」を編集します。Start Date/TimeとEnd Date/Timeはクリックだけで入力できます。 2014-02-22_1120 2014-02-22_1121

Reoccurenceは繰り返し・反復に関する設定をドロップダウンメニューから選びます。 2014-02-22_1121_001 例えば「Monthly」を選ぶと、繰り返しのパターンについて詳細に設定できます。下の図では、「2020年3月8日まで毎月第2土曜日に開催」という設定になっています。 2014-02-22_1123 Reoccurenceの次はVenueで場所の設定をしましょう。「+」をクリックすると… 2014-02-22_1127 住所の詳細を入力できる画面が出ます。 2014-02-22_1129 もう少し下スクロールするとGoogle Mapが表示されていることが分かります。 2014-02-22_1130 あとは上スクロールしてページトップに戻り、「公開」ボタンを押せば、イベントの編集は終了です。

Calendar view でカレンダーの概略をチェック

左サイドバーの「Calendar view」を押すと、カレンダーが出現します。これはあくまでも編集者向けですが、閲覧者にも似たような見た目のカレンダーが表示されます。 2014-02-22_1134 カレンダーの書く日付マスをクリックすると、単発のイベントを追加するフォームが開きます。

投稿・固定ページへのイベントカレンダーの埋め込み

投稿・固定ページへイベントカレンダーを埋め込むにはショートコードを利用します。

  • 10月 2014
    « 9月   11月 »
       1 2 3 4 5
    6 7 8 9 10 11 12
    13 14 15 16 17 18 19
    20 21 22 23 24 25 26
    27 28 29 30 31   
    でウィジェットタイプのカレンダー
  • Loading… Loading…
    でCalendar view とそっくりなカレンダー

を表示します。

投稿の編集画面に以下のように書き込むと、 2014-02-22_1153

実際の表示はこのようになります。矢印のアイコンをクリックすると、先月・来月のカレンダーに飛べます。イベントをクリックすると… 2014-02-22_1155 イベントページに飛びます。 2014-02-22_1156

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

「Event Organiser」で作ったイベントカレンダーはウィジェットとしても使えます。管理画面左サイドバーで「外観」⇒「ウィジェット」と進むと、以下のような画面になります。「Event Calendar」と「Event:event」を「メインサイドバー」に動かすと(使用テーマはTwenty Twelve)… 2014-02-22_1201

サイドバーにイベントカレンダーとイベントリストが表示されます。 2014-02-22_1202

「Event Organiser」の詳細

その他のイベントカレンダープラグイン

私のお気に入りは「Event Organiser」ですが、WordPressのイベントカレンダープラグインは、他にもたくさんあります。

いろんな方がいろんなプラグインを記事で紹介しているので、自分にあったものを使うとよいと思います。

All-in-One Event Calendar

数日間にわたるイベントの表示などに効果がありそうです。

イベントカテゴリーやイベントタグでイベントを分類することが出来ます。

参考記事:WordPressのカレンダープラグイン「All-in-One Event Calendar」がいいかも。 | Webworker’s Clip

Biz Calendar

営業日や休日を表示するカレンダーとしては一番人気かも。ウィジェットとしてとても簡単に設置できます。

休業日の指定方法が充実しています。

  • 曜日で休業日を指定
  • 祝日を自動的に休業日に設定
  • その他パターンからずれた臨時休業日を個別に設定可能

参考記事:営業・定休日カレンダー設置 / WPプラグイン「Biz Calendar」 | 楽々WordPressプラグイン

Sugar Events Calendar Lite for WordPress

使い方が一番簡単です。その分機能的に多少制限がありますが、時々あるイベントを告知するくらいならこれで充分。

参考記事:とてもシンプルなイベントカレンダープラグイン / Sugar Events Calendar Lite for WordPress | WordPress(ワードプレス)とプラグイン

My Calendar

「毎週水曜日」などの条件で反復するイベントを指定できます。見た目のカスタマイズも比較的楽です。

参考記事:カレンダー「My Calendar」 – WordPressでセラピストさんのホームページ作成

The Events Calendar

Google Mapとの連携が素晴らしいイベントカレンダーです。

カスタマイズ性もまずまず。

参考記事:The Events Calendar 使用方法 解説! | 岐阜・羽島 パソコン教室Pasonal

Ajax Event Calendar

参考記事:Ajax Event Calendar  イベントカレンダーを記事に掲載できるWordPressプラグイン | ネタワン

 

 

 

 

 

全部日本語でわかりやすいプラグイン無いのかな…。

All-in-One Event Calendar」を使いこなせるようになりたい…。

だけど詳しく書いているサイトが探せません…。

↓手掛かりサイト

http://www.pro-s.co.jp/engineerblog/wordpress/post_4896.html

http://nakaeshogo.com/all-in-one-event-calendar/

http://hiver.jp/wordpress-all-in-one-event-calendar-no1/

←イベントカレンダーについて2へ