步驟2:創建一個百度地圖文件並上傳到網站根目錄
在電腦上新建一個文本文檔(txt文件),命名為baidumap,並打開,回到百度地圖創建網頁上,點擊獲取代碼,並復制代碼粘貼進入baidumap.txt文件內,如果你希望這個地圖兼容手機的寬度可以修改一下代碼中的寬度:
找到代碼中的如下代碼:
<!–百度地圖容器–>
<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
修改寬度(上方標紅的代碼為寬度)為100%,標黃代碼為高度,可以修改數字,修改后如下:
<div style="width:100%;height:500px;border:#ccc solid 1px;" id="dituContent"></div>
這樣就會在網站上顯示寬度為100%高度為500像素的地圖區域(你也可以將寬度設為98%,這樣可能在某些主題上更加美觀)
修改好代碼后,將這個baidumap.txt修改后綴為baidumap.html,將這個文件上傳至你的網站根目錄(網站根目錄可以使用ftp上傳,也可以在你的服務器控制面板的文件管理上傳,根目錄名一般是www或者wwwroot或者htdocs又或者是web等,如果是在不明白,可以咨詢你的服務器商)
步驟3:將百度地圖嵌入你的WordPress網站頁面或者文章中
上傳好了之后,進入你想要置入百度地圖的頁面或者文章中,將編輯器切換到“文本模式”,輸入以下代碼:
<iframe width="100%" height="500" frameborder="0" src="/baidumap.html">
這樣就可以輕松的將百度代碼置入了,注意標黃的代碼需要和修改過的高度和寬度一致(這里的高度不需要加px,直接數字即可)
這樣的方式不管任何WordPress版本都可以放入,也不會因為升級而產生不可用的情況,可以放心使用。
