設定地圖教學指南
第一步：從 Google 地圖取得嵌入碼 (HTML)
這是將地圖顯示在你網站上的關鍵步驟。
- 開啟 Google 地圖： 前往 Google 地圖 (maps.google.com) 或使用手機應用程式。
- 搜尋你的地點： 在搜尋欄位中，輸入你想要顯示的地址或地點名稱，例如「渦の生魚片工房」。
- 點選「分享」： 在地點資訊的頁面上，你會看到一個「分享」按鈕，請點選它。
- 選擇「嵌入地圖」： 在彈出的分享視窗中，點選「嵌入地圖」分頁。
- 複製 HTML： 你會看到一個
<iframe>開頭的程式碼區塊。點選右側的「複製 HTML」按鈕。
- 重要提示： 這段程式碼就是所謂的「嵌入碼」。它包含了地圖的資訊和顯示設定，等等我們會把它貼到 Divi 頁面中。
第二步：在 Divi 頁面中貼上嵌入碼
現在我們已經有了地圖的嵌入碼，是時候把它放到你的網站上了。
- 進入後台： 登入你的 網站後台。
- 選擇聯絡我們頁面： 在左側導覽列中，前往「頁面」 > 「所有頁面」，找到你的「聯絡我們」或其他想要放置地圖的頁面，然後點選「使用 Divi 編輯器」進入編輯模式。
- 點選現有的地圖：
- 編輯器中，點擊齒輪圖示。
- 貼上嵌入碼：
- 程式碼模組的設定視窗會彈出。
- 將你剛剛從 Google 地圖複製的
<iframe>嵌入碼，貼到這個欄位裡。
- 儲存與發布：
- 貼上程式碼後，你會在模組的預覽中看到地圖已經顯示出來。
- 點選右下角的綠色「✔」圖示來儲存模組設定。
- 最後，點選頁面底部的「發布」或「更新」按鈕，讓你的更改生效。
- 小撇步： 你可以在「程式碼」欄位中，手動調整
width="XXX"和height="XXX"的數值，來改變地圖在頁面中的寬度和高度，讓它更符合你的設計。
