ウェブサイトやブログにGoogleカレンダーを埋め込む方法

あなたのクラブ、バンド、チーム、会社、または家族のウェブサイトでプロのカレンダーが必要ですか? 無料で簡単なGoogleカレンダーを使用してみませんか? 予定を編集する責任を共有したり、ライブカレンダーをウェブサイトに埋め込んで、今後開催されるイベントについて皆に知らせることができます。

05の01

はじめに - 設定

画面キャプチャ

カレンダーを埋め込むには、Googleカレンダーを開いてログインします。次に、左側に移動して、埋め込むカレンダーの横にある小さな三角形をクリックします。 オプションボックスが展開されています。 カレンダーの設定をクリックします

05の02

コードをコピーするか、その他のオプションを選択してください

画面キャプチャ

Googleのデフォルト設定に満足している場合は、次の手順をスキップできます。 ただし、ほとんどの場合、カレンダーのサイズや色を調整する必要があります。

ページを下にスクロールすると、[ このカレンダーを埋め込む]とマークされた領域が表示されます。 Googleのデフォルトの配色でデフォルトの800x600 ピクセルのカレンダーのコードをここからコピーできます。

これらの設定を変更したい場合は、「カラー、サイズ、その他のオプションをカスタマイズ」と表示されているリンクをクリックしてください。

03/05

ルックのカスタマイズ

画面キャプチャ

この画面は、カスタマイズリンクをクリックすると、新しいウィンドウで開きます。

Webサイト、タイムゾーン、言語、および曜日の最初の曜日に合わせて、デフォルトの背景色を指定できます。 カレンダーをデフォルトの週またはアジェンダのビューに設定することができます。これは、カフェテリアメニューやチームプロジェクトのスケジュールなどに役立ちます。 カレンダーに表示される要素(タイトル、印刷アイコン、またはナビゲーションボタンなど)を指定することもできます。

ウェブサイトやブログにとって最も重要なことに、サイズを指定することができます。 デフォルトのサイズは800x600ピクセルです。 それは他に何もないフルサイズのWebページでは問題ありません。 カレンダーを他のアイテムを含むブログやWebページに追加する場合は、サイズを調整する必要があります。

変更するたびに、ライブプレビューが表示されます。 右上隅のHTMLも変更する必要があります。 表示されない場合は、 HTML更新ボタンを押します。

変更が完了したら、右上のHTMLを選択してコピーします。

04/05

あなたのHTMLを貼り付ける

画面キャプチャ

これをBloggerのブログに貼り付けていますが、オブジェクトを埋め込むことができるWebページに貼り付けることができます。 YouTubeビデオをページに埋め込むことができれば、問題はないはずです。

それをWebページやブログのHTMLに貼り付けることを忘れないでください。そうしないと、動作しません。 この場合、Bloggerで[ HTML ]タブを選択してコードを貼り付けるだけです。

05/05

カレンダーは埋め込まれています

画面キャプチャ

最終ページを表示します。 これはライブカレンダーです。 あなたのカレンダーのイベントで行った変更は自動的に更新されます。

あなたが気にしていたサイズや色ではない場合は、Googleカレンダーに戻って設定を調整できますが、HTMLコードをコピーして貼り付け直す必要があります。 この場合、イベントではなく、カレンダーの表示方法を変更しています。