googleカレンダーとgoogle_calendar_eventsの連携

重要なお知らせ：この方法では、正常に、表示されませんでした。別の方法をこちらに掲載します。
（原因は不明ですが、Googleカレンダーをメインカレンダーではなく、サブカレンダーを利用し、iframeで表示しました。したがって、Google Calendar Eventsにはメインカレンダーの情報を利用します。）

今回は、Wordpressのプラグインgoogle_calendar_eventsと前回、マイカレンダーに登録した「スケジュールと日本の祝日」を連携させてみます。

しかし、そのままでは、google_calendar_eventsが「日本の祝日」もイベントとして表示します。祝日にイベントが必ず開催されるわけではないので、「祝日だけ」のときは、google_calendar_eventsに表示されないようにします。

マイカレンダーには、「スケジュールと日本の祝日」を表示させて、google_calendar_eventsには「スケジュールのみ」を表示させることが今回の目的です。(下図)

GoogleカレンダーとGoogle Calendar Events連携

今回は、サブカレンダー（名前は、「スケジュール」）のスケジュールをメインカレンダーにコピーする機能（マイカレンダーにコピー）を利用します。

前提条件は、Google_Calendar_Eventsプラグインがすでにインストールされていることです。（当たり前ですが、Wordpressを使っています。）

手順です。

１．サブカレンダー作成（スケジュール表示用）

（１）googleカレンダーを開き、マイカレンダー右の▼ボタンをクリックし、「新しいカレンダーを作成」をクリック。

（マイカレンダーをポイントする=マウスをマイカレンダーの文字の上に寄せて、しばらく待つ=と▼ボタンが表示されます。）

図１：「スケジュール」表示用のカレンダーを作成

（２）カレンダー名に「スケジュール」（任意）を入力し、「このカレンダーを一般公開する」のチェックボックスをクリックしてチェックする。

入力が終わったら、「カレンダーを作成」ボタンをクリック。

図２：カレンダー名を入力

カレンダーに戻ると、図３のように、「マイカレンダー」の下に、新たに追加した「スケジュール」が表示される。

図３：新しいカレンダー「スケジュール」が追加された

２．サブカレンダーのスケジュールをメインカレンダーにコピー

（１）サブカレンダー「スケジュール」に予定を作成する。

「スケジュール」をポイントし=マウスを「スケジュール」の文字の上に寄せて、しばらく待つ=右端に表示される▼ボタンをクリックし、「このカレンダーに予定を作成」をクリック。

図４：予定を作成

必要事項を記入し、上の「保存」ボタンをクリック。

図５：予定を記入

（２）カレンダーに戻り、作成された予定（スケジュール）をクリックし、「マイカレンダーにコピー」をクリック。

カレンダーの表示を「月」に変更しておきます。（「週」のままでもいいです。）

図：「月」をクリック

作成された予定（スケジュール）をクリック、「マイカレンダーにコピー」をクリック

図６：マイカレンダーにコピー

新しく開いた画面で、設置するカレンダー名がメインカレンダー「志義どっとＰＣ」であることを確認する。もし、違っていれば、「志義どっとＰＣ」右の▼ボタンをクリックして、メインカレンダー名を選択（クリック）。

「通知」が不要であれば、☓（赤枠）をクリックして、表示を消すこともできます。

図：メインカレンダー名を確認

カレンダーに戻り、新たに予定「カレンダー設置」が追加されたことを確認します。
（同じものが２つできます。邪魔であれば、左の列内の「志義どっとＰＣ」か「スケジュール」をクリックすると、クリックしたカレンダーが非表示になります。再度、クリックするとまた表示されます。）

図：「カレンダー設置」がメインカレンダーにも表示

３．サブカレンダーのＩＤをgoogle_calendar_eventsのfeedsに読み込ませる

（１）ＩＤを取得する

カレンダーに戻り、「スケジュール」をポイントし、「カレンダー設定」をクリック。

図７：「スケジュール」の「カレンダー設定」をクリック

「ID：」以降をドラッグし、コピーする。
（ここでは、rq1……8@group.calendar.google.comの部分）

図８：ＩＤのコピー

（２）新しいFeedを追加

設定＞Google Calendar Events、「Add Feed」をクリック。

図９：新しくFeedを追加する

「your-email@gmail.com」の部分に、コピーしたＩＤを貼り付けます。

図１０：コピーしたＩＤを貼り付ける

貼り付けるとこんな感じです。

図１１：IDを貼り付けた

一番下までスクロールして、「Add Feed」ボタンをクリック。

図１２：「Add」ボタンをクリック

Feedが追加されました。 FeedのIDは「１」です。同時に、先程Googleカレンダーに設定した予定も読み込まれています。
ウィジェットには、このID：１を使って登録します。（しかし、実際にはFeedが1つしかないので登録しなくても表示されます。）

図１３：Feedが追加された

４．google_calendar_eventsでリスト表示させる

（１）ウィジェットで、サイドバーにgoogle_calendar_eventsをドラッグアンドドロップで追加する。

追加する場所は、任意です。（今回は、「サイドバートップのみ」）

図１４：サイドバーにgoogle_calendar_eventsを追加

（２）サイドバーに追加したgoogle_calendar_eventsをクリック。

各項目を入力していきます。

図１５：項目の入力

「Title」任意です。私は、空にしました。
「Feeds to display」：登録したFeedが複数あり、その中で表示したいFeedのID番号を入力するようです。空の場合は、すべてが表示対象になります。今回は、１つしか登録していないので、空のままでも１と入力しても同じです。空のままにしました。

「Maximum no. events to display」：サイドバーに表示するイベント数の上限値です。0だと、全部表示されます。私は「５」としました。５個まで表示されます。任意です。

「Sort order」：イベントの表示順序です。Ascなので昇順です。つまり、日付の若い順に表示されます。

「Display title」：ここも任意です。私は、「イベント情報」としました。

入力を確認し、「保存」ボタンを押します。もし、画面がかわらなければ「閉じる」ボタンをおします。

設定終了です。

では、表示されているか見てみましょう。

図１６：「スケジュール」と「マイカレンダー」が連携

カレンダーとスケジュールの設置完了。（お疲れ様）

追記：

（１）私の環境では、スケジュールを追加したり、変更したりするたびに、「Google Calendar Events」の「Refresh」をクリックしないと、カレンダーもスケジュールも更新が反映されませんでした。