もうASPは不要!Googleカレンダーで宿泊予約システム (2/6)
2014年05月20日 11時00分更新
Googleサイトでサイトを作る
続いて、Googleサイトの作業です。まずはGoogleサイトにアクセスしてください。アドレスは以下になります。
ここで「作成」ボタンをクリックし、新しいサイトを用意します。
サイト作成の画面で「空のテンプレート」を選択し、サイトの名前に「客室予約」と入力します。「サイトの場所」は分かりやすいアドレスを入れておきましょう。ここでは「yoyaku」としておきました。
「作成」ボタンをクリックすると新しいサイトが作成されます。デフォルトでは、タイトルとサイトマップなどが記載されたトップページが表示されます。
ページを編集する
作成されたページを編集しましょう。右上にある「ページを編集」ボタン(鉛筆のアイコン)をクリックしてください。
編集モードに切り替わります。先ほどのカレンダーを追加しましょう。「挿入」ボタンを押し、ポップアップして現れるメニューから「カレンダー」を選んでください。
カレンダーを選択するダイアログが現れますので、先ほど作った「客室予約1」のチェックをONにし、「選択」ボタンをクリックします。
挿入するカレンダーの設定画面になります。例では以下のように設定しましたが、自由に変更して構いません(この設定は変更しても動作に影響はありません)。
- 高さ:400
- 幅:空白のまま
- 表示:月
- タイムゾーン:GMT +09:00 日本標準時
- 表示オプション:「ナビゲーションボタンを表示」「現在の期間を表示」をON、その他をOFF
設定したのち「保存」ボタンを押すと、カレンダーがWebページに追加されます。編集の段階では、ただのグレーのパネルしか表示されません。
右上の「保存」ボタンをクリックしてページを保存すると、通常のページの表示に戻り、追加したカレンダーが表示されます。