• TOP>
  • Googleカレンダーを表示する

Googleカレンダーを表示する

ページやサイドメニューにGoogleカレンダーを表示させる方法です。

Googleカレンダーをページに表示する

カレンダーのアドレスを取得する

表示させたいGoogleカレンダーの設定画面を表示します。

gc1

「カレンダーのアドレスの項目」から表示させたいカレンダーのアドレスをコピーする。

gc4

以下のようなアドレスが取得できます。
※カレンダー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;);

表示したい場所に作成した構文を貼り付けるとカレンダーが表示されます。

サンプル表示

gc5

関連リンク

コメント

ゲスト
コメントを入力する。
投稿前に利用規約をご確認ください。
ゲスト

コメントの投稿が完了した時点で、本サービスの利用規約に同意したものとさせていただきます。

アクセスランキング

編集メンバー参加申請

こちらの申請フォームより、Wikiの管理人へ参加申請をしてください。

管理人が申請を承認すると、編集メンバーに参加できます。

編集メンバーの詳細はこちらから。

あなたのアカウント ゲスト
サイト名 電ファミニコゲーマー攻略Wikiマニュアル
メッセージ ※メッセージは100文字以内で入力してください。
編集メンバー参加申請

編集に参加するにはログインが必要です。

電ファミニコゲーマー攻略Wikiマニュアルへようこそ!

{{isNeedLogin ? 'この機能のご利用には、Twitterでログインをお願いします。' : 'ログインはTwitterのアカウント連携で行います。'}}
※勝手にツイートすることはありません。