Skip to main content

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

【カンタン】WordPressにあなたのGoogleカレンダーを設置する方法 (六月 2025)

【カンタン】WordPressにあなたのGoogleカレンダーを設置する方法 (六月 2025)
Anonim

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

はじめに:設定

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

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

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

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

これらの設定を変更する場合は、マークされたリンクを選択してください 色、サイズ、その他のオプションをカスタマイズする.

ルックのカスタマイズ

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

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

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

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

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

あなたのHTMLを貼り付ける

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

それをあなたに貼り付けていることを確認してください HTML あなたのウェブページやブログの、それ以外の場合は動作しません。この場合、Bloggerで HTML タブをクリックし、コードを貼り付けます。

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

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

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