adminwebロゴ

The Events Calendarプラグインの使い方

広告

The Events Calendarプラグインはブログにイベントカレンダー機能を追加するプラグインです。イベント情報を登録しブログ画面からリスト形式やカレンダー形式で表示させることができます。ここではThe Events Calendarプラグインのインストール方法と使い方について解説します。

1.The Events Calendarプラグインのインストール
2.イベントの登録
3.ブログ画面で登録済のイベントを表示
4.イベント日時の指定
5.イベント会場の指定と会場に関する情報の修正
6.イベントの編集と削除

The Events Calendarプラグインをインストールにするには「プラグインのインストールと有効化」プラグインのインストールと有効化」を参考に「プラグインのインストール」画面を表示し検索ボックスで「The Events Calendar」と検索されて下さい。

p26-1

The Events Calendar」プラグインが表示されましたら「いますぐインストール」と書かれたリンクをクリックしてインストールして下さい。

p26-2

インストールが完了します。

p26-3

なおダウンロードしてインストールされたい場合は下記のURLからダウンロードできます。

p26-4

インストールが終わりましたらプラグインの有効化を行って下さい。利用するための準備はこれで完了です。

p26-5

新しいイベントを登録してみます。「Events」メニューの中にある「Add New」メニューをクリックして下さい。

p26-6

「Add New Event」画面が表示されます。

p26-7

イベントの登録画面は記事の投稿画面と似ています。タイトルとイベントに関する情報を入力して下さい。またイベントの日時や会場、主催者といった詳細情報の入力を行うことができます。

p26-8

p26-9

今回は次のように新しいイベントに関する情報を入力しました。入力が終わりましたら画面右側の「公開」ボタンをクリックして下さい。

p26-10

p26-11

イベントの登録が完了しました。

登録したイベントを表示するには次のURLへアクセスします。

http://(ブログのURL)/events/

登録されたイベントがリスト形式で表示されます。この形式の場合、最初に現在の日時を基準として開催日が近いイベントから表示されます。(既に終了したイベントも画面下部の「≪ Previous Events」リンクをクリックすれば表示できます)。

p26-12

カレンダー形式で表示することもできます。画面右上の「VIEW AS」と表示された個所をクリックして下さい。

p26-13

元々表示されていた「List」の他に「Month」という項目が表示されますので「Month」をクリックして下さい。

p26-14

カレンダー形式でイベントが表示されます。

p26-15

リスト形式やカレンダー形式で表示されているイベントのタイトルをクリックするとイベントの詳細が表示されます。

p26-16

イベントを登録する時、イベントの日付は開始日と終了日を指定することができますので複数の期間に渡って行われるイベントを登録することもできます。例えば下記のように開始日と終了日を指定した場合、どのようにイベントが登録されるのかを確認してみます。

p26-17

リスト形式で表示した場合は開始日と終了日が表示されるだけなので1日で終わるイベントと違いはありません。

p26-18

カレンダー形式で表示した場合、イベントが行われる複数の日にそれぞれイベントが表示されます。

p26-19

----

またイベントの時間が一日中の場合、「All Day Event」の右にあるチェックボックスをチェックすると時刻の入力を省略できます。この場合、あらかじめ設定された開始時刻と終了時刻が自動的に設定されます。(現時点ではAM 08:00からPM 05:00に設定されます)。

p26-20

実際にイベントを登録してからブログの画面でイベントを確認してみると、次のように開始時刻がAM08:00、終了時刻がPM05:00に設定されていることが確認できます。

p26-21

イベント会場の情報はオプションですので省略も可能です。イベント会場に関する情報を入力する場合、新しい会場を入力するか、過去に入力した会場から選択することが可能です。

p26-22

過去に入力した会場を選択した場合は、住所などの情報は登録済の情報が使用されるためこの画面ではGoogleマップを表示するかどうかのチェックボックスだけが表示されます。

p26-23

新しい会場でイベントが行われる場合は「Use New Venue」を選択し、会場名や住所などの情報を入力して下さい。住所などは分かる範囲で入力するだけで結構です。なお「Show Google Map」にチェックを入れるとイベントの詳細情報を表示した時にGoogleマップが埋め込まれて表示されます。「Show Google Maps Link」にチェックを入れるとイベントの詳細情報を表示した時にイベント会場の場所を表すGoogleマップへのリンクが表示されます。

p26-24

ではイベントを登録してブログを確認してみます。するとリスト形式でイベントを表示した時にイベント会場に関する情報を入力した場合は会場名や住所、Googleマップへのリンクが表示されています(イベント作成時に「Show Google Maps Link」にチェックを入れた場合)。

p26-25

イベントのタイトルをクリックしてイベントの詳細ページを表示してみると会場名や住所の他にGoogleマップが埋め込まれた表示されています(イベント作成時に「Show Google Map」にチェックを入れた場合)。

p26-26

なお新しいイベント会場を入力してイベントを登録した場合、入力された会場は自動的に登録され次回のイベントを新しく登録する時に選択肢として表示されます。

p26-27

----

先にご紹介したように既に登録された会場を選択した場合、イベントの登録画面では会場に関する情報を修正することはできません。登録された会場の住所や名称を修正したい場合には、管理画面の「Events」メニューの中にある「Venues」メニューをクリックして下さい。

p26-28

「Venues」画面が表示されます。

p26-29

修正を行いたいイベントにマウスを合わせて頂き、表示されたメニューの中から「編集」メニューをクリックして下さい。

p26-30

「Edit Venue」画面が表示されます。この画面でイベント会場の名前や住所などについて編集を行うことができます。

p26-31

p26-32

例としてイベント会場の名前と住所を少し変更してみました。変更された場合は「更新」ボタンをクリックして下さい。変更内容が反映されます。

p26-33

それではブログを表示し、先ほど修正を行ったイベント会場が設定されているイベントを確認してみます。するとイベント会場の名前と住所が変更した内容に自動的に変わっていることが確認できます。

p26-34

このようにイベント会場に関する情報を変更した場合は、過去にこのイベント会場を設定したイベントも自動的にイベント会場に関する変更が反映されます。

登録済のイベントを確認するには管理画面の「Events」メニューの中にある「Events」メニューをクリックして下さい。

p26-35

「Events」画面が表示されます。登録済のイベントの一覧が表示されます。

p26-36

登録済のイベントの内容を編集したい場合、対象のイベントにマウスを合わせて表示されたメニューの中から「編集」メニューをクリックして下さい。

p26-37

「Edit Events」画面が表示されます。

p26-38

タイトルや本文、イベント日時、イベント場所など必要な個所を修正して下さい。修正が終わりましたら画面右側の「更新」ボタンをクリックして下さい。変更内容が反映されます。

p26-39

----

登録済のイベントを削除したい場合、対象のイベントにマウスを合わせて表示されたメニューの中から「ゴミ箱」メニューをクリックして下さい。

p26-40

イベントがゴミ箱へ移動します。(確認画面などは表示されませんのでご注意下さい)。

p26-41

ゴミ箱へ移動するとイベントは表示されなくなりますが、まだ完全に削除されたわけではありません。元に戻すことも完全に削除することもできます。ゴミ箱に入っているイベントに対して操作する場合は、画面上部の「ゴミ箱」と書かれたリンクをクリックして下さい。

p26-42

ゴミ箱に入っているイベントの一覧が表示されます。マウスをイベントに合わせて頂くと「復元」と「完全に削除する」と書かれたメニューが表示されます。元に戻した場合は「復元」を、完全に削除していい場合は「完全に削除する」メニューをクリックして下さい。今回は「復元」メニューをクリックしてみます。

p26-43

イベントが復元されました。復元されるとゴミ箱には表示されなくなります。

p26-44

元の登録済イベント一覧を見るには画面上部の「All」または「公開済」と書かれたリンクをクリックして下さい。

p26-45

登録済のイベント一覧が表示されます。先ほどゴミ箱にいったん移動した後で復元したイベントも表示されていることが確認できます。

p26-46

----

ブログにイベントに関する情報を登録表示することができるプラグインの利用方法について解説しました。

( Written by Tatsuo Ikura+ )