HP of the Guide Reservation Calendar, simple 1-click update
Squarespaceの「コード(Code)」ブロックにiframeを一度貼り付けるだけで、この画面で編集した内容が即時自動更新されます。
💡 なぜ自動同期(クラウド)になっていないのか?
Firebaseの設定キー(APIキーなど)がまだ `index.html` に書き込まれていないため、自動的に「ローカル保存モード(お使いのスマホの中だけで保存)」になっております。これではHPを閲覧している他のお客様の画面には反映されません。
🚀 自動同期に変更する方法:
右チャットの『Firebase設定マニュアル』を参考に無料アカウントを取得し、`index.html` の最上部(41行目付近)にある `YOUR_FIREBASE_CONFIG` エリアに設定情報を貼り付けてNetlifyへ再アップロードしてください!自動同期が開始されます。
カレンダーを直接変更するには、設定した管理合言葉を入力してください。(初期コード:1234)
Squarespaceに最初の一回だけ、以下の「埋め込み枠(Iframe)」をコードブロック等から追加してください。以降、本管理画面でカレンダーをクリックするだけで自動同期します。
クラウド(Firebase)を使用せずに完全にローカルで動作させます。クリックして編集された最新のカレンダーの全コードが出力されます。
いまSquarespace等で表示しているコードをそのまま貼り付けて読み込むと、これまでの予定がそのまま引き継がれます。
下記のカレンダーでクリック編集した結果が自動的にコード化されます。これを丸ごとコピペしてください。
💡 カレンダーの日付をクリックすると: なし ➔ △(仮予約) ➔ ×(予約済み) ➔ なし の順にトグル変化します。
※カレンダーを編集すると、右上の【更新日】が自動で今日の日付に置き換わります。