如何在WordPress中添加Google Maps


您可以將各種內容添加到WordPress網站中。 在WPBeginner,我們向您展示瞭如何在WordPress中添加音頻文件,視頻,PDF和電子表格。 從外部來源添加內容使您可以創建有用且高度互動的豐富內容。 在本文中,我們將向您展示如何在WordPress中添加Google Maps。

訂閱WPBeginner

在WordPress中手動添加Google Map

轉到Google Maps網站,只需輸入要顯示的位置的地址或搜索位置。 找到位置後,單擊右側面板中的鏈接按鈕。 這將向您顯示嵌入代碼。 複製iframe代碼,或者您也可以點擊 “自定義和預覽嵌入式地圖” 進一步自定義地圖在您網站上的外觀。

在WordPress中手動嵌入Google Map

轉到WordPress網站,然後將代碼粘貼到帖子,頁面或模板中。 就是這樣,保存您的帖子/頁面,並在您的網站上實時查看Google Map。

使用插件在WordPress中添加Google Maps

第一種方法是好的,如果您只想將Google地圖嵌入到WordPress網站上的一個位置。 但是,如果地圖在您網站的主要內容中扮演重要角色,並且您需要經常在帖子中添加地圖,那麼我們建議您使用插件。

您需要做的第一件事是安裝並激活MapPress Easy Google Maps插件。 編輯要在其中添加地圖的帖子/頁面。 向下滾動到帖子編輯屏幕上的MapPress部分,然後單擊 新地圖 按鈕。

使用插件將Google Maps添加到WordPress帖子中

這將打開MapPress編輯器,您可以在其中輸入地址或單擊“我的位置”鏈接以允許插件自動檢測您的位置。 提供地圖標題,然後選擇地圖尺寸。 對地圖滿意後,單擊保存按鈕,然後單擊插入到帖子按鈕以將地圖添加到帖子中。 更新或發布您的帖子並查看預覽。

使用MapPress,您可以將多個地圖添加到帖子或頁面。 即使開箱即用,它也會在WordPress管理員側邊欄中添加插件設置菜單。 單擊它可以更改插件設置,例如地圖類型,邊框,路線,控件等。

MapPress設置頁面

在小部件和燈箱中添加Google Maps

將Google地圖添加到WordPress網站的另一種簡便方法是安裝Google Maps Widget插件。 激活插件後,轉到 外觀»小部件 並將Google Maps Widget拖放到側邊欄。

Google Maps窗口小部件設置

在窗口小部件設置中輸入要在地圖上顯示的地址。 您還可以選擇地圖大小,圖釘顏色,縮放級別等。單擊燈箱選項卡以配置燈箱設置。 最後點擊 保存 按鈕保存小部件設置。 轉到您的站點以查看運行中的小部件。

帶有Lightbox彈出窗口的Google Maps Widget

我們希望本文能幫助您在WordPress網站中添加Google Maps。 如有問題和反饋,請在下面發表評論。