Googleカレンダーを表示する
ページやサイドメニューにGoogleカレンダーを表示させる方法です。
Googleカレンダーをページに表示する
カレンダーのアドレスを取得する
表示させたいGoogleカレンダーの設定画面を表示します。
「カレンダーのアドレスの項目」から表示させたいカレンダーのアドレスをコピーする。
以下のようなアドレスが取得できます。
※カレンダーID部分には各カレンダーごとの個別IDが表示されます。本名などで登録している方は共有時に注意してください。
https://calendar.google.com/calendar/b/1/embed?src=カレンダーID&ctz=Asia/Tokyo
構文を作成する
先ほどコピーしたアドレスをペーストしてiframeタグで囲います。#iframe();
#iframe(https://calendar.google.com/calendar/embed?src=カレンダーID&ctz=Asia/Tokyo);
横幅、高さのスタイル設定を追加して作成完了です。
,style=width:◯◯px;height:◯◯px;
↓
#iframe(https://calendar.google.com/calendar/embed?src=カレンダーID&ctz=Asia/Tokyo,style=width:400px;height:300px;);
表示したい場所に作成した構文を貼り付けるとカレンダーが表示されます。
サンプル表示
コメント