WordPress.comにGoogleカレンダーを貼る

(注:2011年11月20日現在、Googleカレンダーの仕様が一部変更されているため、表示が一部異なっておりますが、大体の場所や手順は変更されておりません。)

WordPress.comにGoogleカレンダーを貼る方法についての覚書です。

Googleカレンダーを開きます。

googlecalendar02

「設定」をクリック。

googlecalendar03

カレンダーを公開したいときには「共有:設定を編集」をクリックし、

googlecalendar13

「このカレンダーを一般公開する」にチェックを入れ、

googlecalendar14

「保存」をクリックします。

googlecalendar15

任意のカレンダーの名前のところをクリック。

googlecalendar04

そのままHTML記述をコピーしても構いませんが、修正が必要なときには「色やサイズなどをカスタマイズします」をクリック。

googlecalendar05

表示するカレンダーを選択するなどの修正をした後、

googlecalendar07

「HTMLを更新する」をクリックし、

googlecalendar08

生成されたHTMLコードをコピーして、

googlecalendar09

WordPress.comの投稿記事等に貼り付け、

googlecalendar10

「公開」をクリックすると、

googlecalendar11

WordPress.comにGoogleカレンダーが貼り付けられます。

googlecalendar12

デモ

参考:

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

%s に接続中