wordpress插入百度地圖的嵌入代碼


 步驟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版本都可以放入,也不會因為升級而產生不可用的情況,可以放心使用。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM