wordpress建站教程：外貿(mào)網(wǎng)站插入谷歌地圖的簡單方法

繼續(xù)分享wordpress建站教程，今天給大家分享一個wordpress外貿(mào)建站插入谷歌地圖的簡單方法。很多wordpress主題或插件都集成了谷歌地圖的API，我們只需要填寫API接口就可以調(diào)用谷歌地圖，但是使用API接口需要開通，而且現(xiàn)在似乎要綁定信用卡才行了，否則地圖不能正常顯示，不是很方便。一般的外貿(mào)網(wǎng)站也不需要使用谷歌地圖高級服務(wù)，如定位、距離等，只需要展示出正常的地圖就可以了。所以悅?cè)?span id="rknbvhn0mnp7" class="xintheme_tag_link">wordpress建站給大家分享一個最簡單的方法，不需要申請API接口，只需要復(fù)制HTML代碼就可以了。

步驟一：打開谷歌地圖，設(shè)置語言

首先我們打開谷歌地圖，把語言修改一下，做wordpress外貿(mào)建站，我們一般需要顯示成英文，所以這里把語言修改為英語就可以。

步驟二：搜索位置

接下來在谷歌地圖中搜索你的公司或工廠名稱，找到正確的位置，如果搜索不出來可以手動調(diào)一下定位。確定后點【Share】按扭。

步驟三：復(fù)制HMTL代碼

接下來在彈出的窗口中，選擇【Embed a map】,然后，點【COPY HTML】復(fù)制代碼。

步驟四：添加HTML代碼到WORDPRESS中

進(jìn)入wordpress的文章或頁面編輯狀態(tài)（默認(rèn)使用古騰堡編輯器），添加一個HTML模塊，然后把剛剛復(fù)制的代碼粘貼進(jìn)來。如果你發(fā)現(xiàn)插入的代碼不能全寬顯示地圖，那么可以把代碼中的【width=”600″】修改為【width=”100%”】試試。

點預(yù)覽就可以看到地圖了。確定沒問題之后發(fā)布就可以了。

如果上面的文章步驟沒看明白的話，可以點擊下圖觀看視頻教程：