改訂：Googleカレンダーに祝日と予定を表示

前回の手順で作成したGoogleカレンダーは、Wordpressのサイドバーに表示されませんでした。
単に、私の環境（サーバ等の設定）に依存しているのか、原因は不明ですが、作成方法を変えることで、無事に表示させることが出来ました。（下図）

その手順を忘れないうちにメモしておきます。

＜変更のポイント＞

メインカレンダーを表示用にiframeでサイドバーに貼りつけていましたが、サブカレンダーを作成し、それに「日本の祝日」と「予定」を設定してiframeで同じようにサイドバーに貼り付けるときちんと表示されました。

＜手順＞

（なお、すでにデフォルトのカレンダー名は「志義どっとＰＣ」に変更しています。変更は、デフォルトのカレンダー名をポイントし、右端に表示される下向き矢印気をクリック、「カレンダー設定」を選択、「カレンダー名」欄をクリックして変更し、最後に「保存」をクリック。※ポイント：カレンダー名の上にマウスポインタを移動させ、しばらく待つ）

１． 「日本の祝日」を設定

（１）Googleカレンダーにログイン

（２）「その他のカレンダー」をポイントし、右端の▼ボタンをクリック。「おすすめのカレンダーを検索」をクリック。

（「ポイントする」とは：ここでの対象物「他のカレンダー」にマウスポインタを重ね、しばらく待つこと）

図１：おすすめのカレンダーを検索

（３）「日本の祝日」の「登録」をクリック。（スクロールして下へ）

図２：日本の祝日の登録をクリック

「日本の祝日」が登録された。（「登録解除」となっている）

図３：「登録解除」なら登録完了

（４）左上の「カレンダーに戻る」をクリックし、カレンダーに戻る。

図４：カレンダーに戻る

（５）「その他のカレンダー」に「日本の祝日」が追加された。（完了）

図５：「日本の祝日」が追加

２．「日本の祝日」をエクスポート

（１）「日本の祝日」をポイントし、右端の▼ボタンをクリック、「カレンダー設定」をクリック。

図６：「日本の祝日」のカレンダー設定をクリック

（２）「ICAL」をクリック。

図７：「ICAL」をクリック

（３）表示されたリンクをクリック。

図８：表示されたリンクをクリック

（４）「ファイルを保存する」をクリックし、「OK」をクリック。

（このとき、「basic.ics」というファイルがダウンロードされる）

図９：「ファイルを保存する」を選択し、「OK」をクリック

（５）「OK」をクリック。

図１０：「OK」をクリック

（６）「カレンダーに戻る」をクリックし、カレンダーに戻る。

図１１：「カレンダーに戻る」をクリック

（７）「ダウンロード」フォルダに、「basic.ics」が保存されている。

（どこに保存されるかは各自のブラウザーの設定による。）

図１２：「ダウンロード」フォルダに「basic.ics」

※この「basic.ics」というファイルに日本の祝日のデータが保存されています。
テキストなので開いて見ることができますが、壊れるといけないので自信がない人はやめときましょう。
もし、壊れたら、再度手順を繰り返して保存しなおせばいいです。

３．サブカレンダー（スケジュール）を作成

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

図１３：「新しいカレンダーを作成」をクリック

（２）「カレンダー名」欄にカレンダー名を入力し、「このカレンダーを公開する」にチェクを入れ（クリックする）、「カレンダーを作成」をクリック

図１４：サブカレンダー「スケジュール」を作成

「国名」、「タイムゾーン」はデフォルトのままで良いと思いますが、念の為に日本になっているか確認しておきましょう。

（３）カレンダーを公開するので「警告」文が表示されます。「はい」をクリック。

図１５：警告が出る

（４）マイカレンダー内にカレンダー「スケジュール」が追加されました。

図１６：サブカレンダー「スケジュール」が追加

４．サブカレンダーに予定を設定

（１）サブカレンダー「スケジュール」をポイントし、右端の▼ボタンをクリック。「このカレンダーに予定を作成」をクリック。

図１７：「このカレンダーに予定を作成」クリック

（２）必要な箇所（特に予定名と日時）を入力し、「保存」をクリック。

（カレンダーが「スケジュール」になっていることを確認）

図１８：必要事項を入力

（３）予定が追加された。

図１９：予定が追加

５．サブカレンダーに「日本の祝日」をインポート

（１）「マイカレンダー」をポイントし、右端の▼ボタンをクリック、「設定」をクリック。

図２０：「マイカレンダー」の「設定」クリック

（２）「カレンダーをインポート」をクリック。

図２１：「カレンダーをインポート」クリック

（３）「参照」をクリック。

図２２：「参照」クリック

（４）「basic.ics」を選択（クリック）、「開く」をクリック。

図２３：「basic.ics」を選択し、「開く」をクリック

（５）カレンダー「志義どっとＰＣ」をクリック。

（カレンダーを「スケジュール」に変更します。）

図２４：「カレンダー」を変更

（６）サブカレンダー「スケジュール」を選択（クリック）。

（「日本の祝日」を「スケジュール」に表示させるため）

図２５：「スケジュール」を選択

（７）「インポート」をクリック。

図２６：「インポート」クリック

（８）インポートされたことを確認し、「閉じる」をクリック。

図２７：インポートされた

（９）「カレンダーに戻る」をクリックし、カレンダーに戻る。

図２８：「カレンダーに戻る」クリック

（１０）サブカレンダー「スケジュール」（青色）にも「日本の祝日」が追加された。

図１０：「日本の祝日」が追加

６．iframeでサイドバーに貼り付ける

私はWordpressのウィジェットを利用してサイドバーに貼り付けますが、みなさんは各自のツールでhtmlの任意の場所に貼りつけてください。

したがって、ここではWordpressで説明します。基本的な操作は同じはずです。

（１）サブカレンダー「スケジュール」をポイントし、右端の▼ボタンをクリック。「カレンダー設定」をクリック。

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

（２）「このコードをウェッブサイトに貼りつけてください。」下の<iframe>〜</iframe>をドラッグ。

図３１：選択

右クリック、「コピー」をクリック。

図３２：右クリック「コピー」

（３）Wordpressのウィジェットの「テキスト」をサイドバーにドラッグ。

図３３：テキストエリアをコピー

テキストエリアが開く。（開かない場合は、右端の▼ボタンをクリック。）

図３４：テキストエリアが開く

（４）テキストエリア内を右クリック、「貼り付け」をクリック。コードが貼り付く。

図３５：コードを貼り付け

図３６：コードが貼り付いた

（５）コードを編集。

志義どっとＰＣのサイドバーの幅にあわせて、widthを100%に、heightを300pxに変更した。
みなさんの環境に合わせてください。

図３７：コードを編集

（６）「保存」をクリックし、「閉じる」をクリック。

図３８：「保存」して「閉じる」

（７）ホームページを開き、サブカレンダー「スケジュール」が表示されていることを確認。

「日本の祝日」と「予定」も表示されている。

完成しました。

カレンダータイトルが、「スケジュール」と表示されています。
気に入らなければ、「カレンダー設定」から変更できます。