一個簡單而無痛的指南,用於在WordPress中添加Google Map

文章撰寫者:
  • WordPress
  • 更新:Nov 03,2018

谷歌地圖。

無論您是一個龐大的組織還是一個企業家的企業主,甚至只是一個小鎮咖啡店,在Google地圖上展示您的營業地點都是必須的!

但如果你是像我這樣的超級初學者,那麼就可以在你的網站上添加谷歌地圖了 WordPress 網站可能看起來非常神秘。

好吧,你很幸運!

我們知道迷失在所有技術性的mumbo-jumbo中是多麼容易,這就是為什麼我們製作了這個簡單無痛的指南,可以幫助您在網站上添加Google Map。

就像古老的格言一樣,“皮膚貓的方法不止一種“你可以打賭你的底價有幾種安裝谷歌地圖的方法,但我們只關注兩種主要方式。

你需要開始的只是一些基本的編碼技巧或熟悉WordPress儀表板,你是金色的!

方法#1:手動添加它們

如果您有實際操作感,可以選擇手動將Google地圖作為帖子或文章添加到WordPress網站中。

首先,您需要找到要顯示的位置 谷歌地圖。 完成後,單擊共享圖標:

點擊Google地圖上的“分享”按鈕

執行此操作時,應在Google地圖中打開另一個帶有位置代碼(iframe)的窗口。 這裡的事情可能有點冒險。

單擊“嵌入地圖”按鈕,然後您可以復制他們為您提供的整個位置代碼。 您還可以選擇地圖的大小或設置自定義大小。 無論你做什麼,別忘了複製位置代碼!

從“嵌入”部分複制位置代碼

現在您已擁有位置代碼。 你是做什麼?

好吧,加載舊的WordPress儀表板,將位置嵌入到WordPress的帖子或頁面中。

轉到“發布”>“新建”,或打開已在編輯模式下創建的帖子/頁面。 在此處,選擇“文本”選項而不是“Visual”,並將位置代碼放在文本中所需的位置。

在文本模式下,將整個位置代碼粘貼到您的WordPress文章/帖子中

將代碼放入帖子後,切換回可視顯示以檢查並確保地圖已正確嵌入。

粘貼位置代碼後,切換回可視模式。

瞧,你已經完成了,你有一個包含谷歌地圖的頁面! 如果未正確加載,請檢查位置代碼是否已正確複製和粘貼。

方法#2:使用插件

如果最後一種方法對你來說仍然有點難度,那麼請不要擔心! WordPress不僅讓您輕鬆上手 開始一個網站,它們還可以非常輕鬆地添加插件等功能,例如穀歌地圖。

雖然有數百個可用於Google地圖的插件,但我們建議您使用 Google地圖窗口小部件 通過WebFactory的速度和巨大的功能列表。

Google地圖窗口小部件

馬上,Google Maps Widget最棒的一點就是可以從WordPress插件目錄中免費下載。

它只需要大約一分鐘的安裝時間,然後您可以自定義您的地圖並在幾分鐘內將其嵌入您的WordPress網站。

還需要幫助嗎? 這是WebFactory的一個方便的視頻:

當然,如果你真的想讓你的地圖脫穎而出,那麼值得嘗試一下 Google Maps Widget PRO 版本。

使用PRO版本,您可以在地圖上固定多個地址並擴展插件以包含多個50功能。 它還為您提供了超過20 +燈箱外觀,15地圖外觀以及1,500自定義地圖引腳。

如果這不令人印象深刻,那麼只需查看他們的完整功能列表:

  • 反應迅速
  • 兼容所有WordPress主題和插件
  • 自定義信息氣泡,每張地圖無限製針腳
  • 超過15地圖皮膚
  • 不僅僅是20燈箱外殼
  • 通過1,500自定義地圖引腳
  • 每頁無限制地圖
  • 可定制的地圖語言

  • 地圖的4模式:方向,視圖,街道和街道視圖
  • 帶有高級緩存的最快加載映射
  • 完全支持短代碼和隱藏側邊欄,便於短代碼處理
  • 使用導出和導入工具輕鬆進行站點遷移
  • 與Google Analytics集成以跟踪有多少訪問者打開地圖
  • 偉大的電子郵件支持,總部設在美國
  • 定期補丁,更新和新功能。

除了您使用PRO版本獲得的所有驚人功能外,Google Maps Widget被廣泛認為是WordPress中最快的Google Map插件。

部分原因是,Google Maps Widget不是將大型交互式地圖加載到您的網站中,而是呈現地圖的縮略圖。 這減少了 需要傳輸的數據量 對於訪問者和您的網站主機,從而製作 一切加載更快.

當然,如果您剛剛開始並且您不確定是否應該揮霍插件,Google Maps Widget PRO會提供7天的全額退款試用期!

這樣,您可以根據需要進行嘗試,並檢查它是否適用於您的網站或您安裝的任何其他插件。 如果您覺得不需要它,那麼只需回滾到原始的免費版本。

關於Azreen Azmi

Azreen Azmi是一位喜歡撰寫內容營銷和技術的作家。 從YouTube到Twitch,他試圖與最新的內容創作保持聯繫,並找到推廣品牌的最佳方式。

連接: