夢が叶うブログのHirokoです。
ホームページやブログを通じて
お客さまからお仕事の予約をいただくとき
予約ページにカレンダーがあると便利ですね。
お店やサロン、教室の予約状況を
ホームページに掲載されているお客さまからは、
カレンダー更新に手間がかかるというお声を
お聞きします。
そんなときに便利なのが、
Googleカレンダーの活用、
お手持ち、または新規のGoogleアカウントで
Googleカレンダーの活用、
お手持ち、または新規のGoogleアカウントで
カレンダーを作成して、
そのカレンダー情報をホームページに表示します。
手順は以下のようになります。
① Googleカレンダー画面を開きます。
画面右上の車輪アイコンをクリックして、
さらに「設定」をクリックします。
② そのアカウントで操作できるカレンダーのリストが
表示されているので、ホームページに埋め込みたい
カレンダー名をクリックします。
③ 「このカレンダーを埋め込む」という項目で、
その右側にある
「色やサイズなどをカスタマイズします」
をクリックします。
④ 画面の左カラムでカレンダーの色を変えたり、
サイズを変えたり、
タイトルを追加することができます。
カレンダーのサイズは、
ホームページの挿入部分の幅に合わせて数値を
入力してください。
すべて設定できたら、右上の「HTMLを更新する」を
クリックします。
そうすると、設定した値がHTMLに反映されます。
⑤ HTMLが更新されたら、
「下記のコードを貼り付けると、
このカレンダーがウェブページに挿入されます。」の
下のボックス内のHTMLをコピーして、
ホームページのHTMLに貼り付けます。
埋め込まれたカレンダーは、
Googleカレンダー更新時に自動的に更新されて
最新の情報がホームページに掲載されます。
このようにスケジュール更新も簡単にできました。
今日も最後まで読んでいただいてありがとうございました。そのカレンダー情報をホームページに表示します。
手順は以下のようになります。
① Googleカレンダー画面を開きます。
画面右上の車輪アイコンをクリックして、
さらに「設定」をクリックします。
② そのアカウントで操作できるカレンダーのリストが
表示されているので、ホームページに埋め込みたい
カレンダー名をクリックします。
③ 「このカレンダーを埋め込む」という項目で、
その右側にある
「色やサイズなどをカスタマイズします」
をクリックします。
④ 画面の左カラムでカレンダーの色を変えたり、
サイズを変えたり、
タイトルを追加することができます。
カレンダーのサイズは、
ホームページの挿入部分の幅に合わせて数値を
入力してください。
すべて設定できたら、右上の「HTMLを更新する」を
クリックします。
そうすると、設定した値がHTMLに反映されます。
⑤ HTMLが更新されたら、
「下記のコードを貼り付けると、
このカレンダーがウェブページに挿入されます。」の
下のボックス内のHTMLをコピーして、
ホームページのHTMLに貼り付けます。
埋め込まれたカレンダーは、
Googleカレンダー更新時に自動的に更新されて
最新の情報がホームページに掲載されます。
このようにスケジュール更新も簡単にできました。
