Wordpress x Elementor

Elementor教學

在網站上添加地圖和位置工具的指南

Google Map

功能介紹

  1. 簡單易用

    • 拖放設計:通過Elementor的拖放界面,用戶可以輕鬆將Google Map小工具添加到任何頁面或模板中,無需編寫代碼。
    • 即時預覽:在Elementor編輯器中添加和配置地圖時,可以即時預覽更改效果,確保最終結果滿意。
  2. 地圖設置

    • 地址設定:輸入地址或地標名稱,Google地圖會自動顯示相應的位置。
    • 多地標支持:可以在地圖上添加多個地標,適用於展示多個位置或辦公地址。
    • 地圖類型:選擇地圖顯示類型,如普通地圖、衛星圖、地形圖和混合圖。
  3. 地圖樣式自定義

    • 地圖樣式:提供多種預設地圖樣式,並支持自定義JSON樣式,使地圖顯示效果更加符合網站設計風格。
    • 縮放級別:設置地圖的初始縮放級別,以顯示更大或更小範圍的地圖區域。
    • 地圖控件:控制地圖控件的顯示與隱藏,如縮放控件、街景控件等。
  4. 標記設置

    • 自定義標記:支持自定義地圖標記的圖標和顏色,使標記更符合網站的設計風格。
    • 信息窗口:為每個標記設置信息窗口,顯示地點的詳細信息,提升用戶互動性。
  5. 響應設計

    • 自適應設計:Google地圖在桌面、平板和手機設備上均能自適應顯示,確保在各種設備上的使用體驗一致。

Hotspot

點擊這裡

從這裡進去

入口

入口處,從這裡上去

 

1 of 2
街道

這裡很多車

2 of 2

如何在Elementor中使用Hotspot小工具

  1. 添加Hotspot小工具

    • 打開Elementor編輯器,拖放Hotspot小工具到您想要顯示圖像的頁面區域。
    • 兩個Hotspot的差別在於上方的Hotspot只有文字無背景。
  2. 上傳或選擇圖像

    • 在Hotspot小工具中上傳或選擇您希望添加熱點的圖像。
  3. 配置熱點

    • 點擊圖像以添加熱點,設置每個熱點的位置。
    • 選擇熱點圖標或上傳自定義圖標。
    • 為每個熱點添加工具提示內容,如文本或HTML內容。
  4. 自定義熱點樣式

    • 使用Elementor提供的樣式選項,自定義熱點的顏色、大小、邊框和動畫效果。

Related Posts

如何有效管理你的頁面

網站頁面是您網站內容的基石,對於網站的結構、SEO ...
Read More →

新手必看:如何在後台新增與管理頁面

在網站建設過程中,新增頁面是不可避免的一個步驟。無 ...
Read More →

如何建立合規的隱私權政策頁面:隱私權設定

隱私權設定對於確保網站合規性和保護用戶個人資料至關 ...
Read More →