搜尋
首頁CMS教程&#&按wordpress地圖外掛怎麼用

WordPress建站,那麼恭喜你,有一個外掛程式非常強大,能夠讓你在網頁中自由的插入百度地圖。 Baidu Maps Plugin是一款能夠自由的在WordPress頁面中插入百度地圖的插件。

當然,不只是展示地圖位置,應為調用的是百度地圖API接口,所以能夠隨意拖曳、控制大小、添加標記……總之呢,用過之後就忍不住要和親愛的你們分享一下了!

一個頁面內,可以插入多個地圖,每個地圖單獨管理,地圖上可以加標記…

wordpress地圖外掛怎麼用

外掛程式安裝

進wordpress後台,點選插件=>安裝插件,如下圖:

wordpress地圖外掛怎麼用

點擊“現在安裝”,就開始安裝,大概需要幾秒鐘時間,安裝完成後,會顯示「啟用」按鈕,如下圖:

wordpress地圖外掛怎麼用

#點擊「啟用」按鈕啟用這個外掛程式。這裡,在後台的設定選單中會出現百度插件,如下圖:

wordpress地圖外掛怎麼用

#相關推薦:《WordPress教學

點選“Baidu-sitemap”,進入百度地圖設定介面,如下圖:

wordpress地圖外掛怎麼用

#如上圖勾選好相關的選項,然後點選「提交」按鈕,這樣我們就設定好了。然後,點選「Update XML file」按鈕,產生地圖。到這裡,網站地圖就設定和生成好了。

外掛程式使用

1、外掛程式啟動;

#2、取得百度地圖API:

(1)前往百度地圖開放平台註冊帳號;

(2)進入API控制台,創建應用(選擇瀏覽器端應用,在Referer白名單中輸入調用地圖的網站域名),提交之後就能獲得一個「訪問應用(AK)--也就是api密鑰」;

3、WP後台>>>百度地圖>>>百度地圖設置,將剛才取得的密鑰填入百度開發人員API 金鑰中並儲存;

4、建立百度地圖,取得map shortcode:

(1)輸入地圖名稱;

(2)搜尋位址;

(3)點擊「設定為地圖中心」(非常重要);

(4)新增標記(可選);

(5)在右側地圖設定選項中設定地圖寬度、高度、放大程度等;

(6)儲存地圖,取得map shortcode(儲存後,在右側展示),如下圖:

wordpress地圖外掛怎麼用

5、將map shortcode:「[bmap id="xxx"]」貼在頁面的文字編輯框中即可。

以上是wordpress地圖外掛怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
使用WordPress而不是從頭開始編碼網站的優點是什麼?使用WordPress而不是從頭開始編碼網站的優點是什麼?Apr 25, 2025 am 12:16 AM

WordPressisadvantageousovercodingawebsitefromscratchdueto:1)easeofuseandfasterdevelopment,2)flexibilityandscalability,3)strongcommunitysupport,4)built-inSEOandmarketingtools,5)cost-effectiveness,and6)regularsecurityupdates.Thesefeaturesallowforquicke

是什麼使WordPress成為內容管理系統?是什麼使WordPress成為內容管理系統?Apr 24, 2025 pm 05:25 PM

WordPressIsAcmsDuetoItseAsofuse,自定義,USERMANAMECTION,SEO和COMMUNITYSUPPORT.1)ITSIMPLIFIESCONTENTMANGAMEWITHANINTUISIDERFEEFFECE.2)提供extentensiveCustomizationThroughThroughTheMesandPlugins.3)supportrobustuserrolesandplugins.4)supportrobustuserrolesandpermissions.4)增強

wordpress怎麼加評論框wordpress怎麼加評論框Apr 20, 2025 pm 12:15 PM

在 WordPress 網站上啟用評論功能,可以為訪客提供參與討論和分享反饋的平台。為此,請按照以下步驟操作:啟用評論:在儀錶盤中,導航至“設置”>“討論”,並選中“允許評論”複選框。創建評論表單:在編輯器中,單擊“添加塊”並蒐索“評論”塊,將其添加到內容中。自定義評論表單:通過設置標題、標籤、佔位符和按鈕文本來定制評論塊。保存更改:單擊“更新”以保存評論框並將其添加到頁面或文章中。

wordpress怎麼複製子站wordpress怎麼複製子站Apr 20, 2025 pm 12:12 PM

如何復制 WordPress 子站?步驟:在主站創建子站。在主站克隆子站。將克隆導入目標位置。更新域名(可選)。分開插件和主題。

wordpress怎麼寫頁頭wordpress怎麼寫頁頭Apr 20, 2025 pm 12:09 PM

在WordPress中創建自定義頁頭的步驟如下:編輯主題文件“header.php”。添加您的網站名稱和描述。創建導航菜單。添加搜索欄。保存更改並查看您的自定義頁頭。

wordpress評論怎麼顯示wordpress評論怎麼顯示Apr 20, 2025 pm 12:06 PM

WordPress 網站中啟用評論功能:1. 登錄管理面板,轉到 "設置"-"討論",勾選 "允許評論";2. 選擇顯示評論的位置;3. 自定義評論表單;4. 管理評論,批准、拒絕或刪除;5. 使用 <?php comments_template(); ?> 標籤顯示評論;6. 啟用嵌套評論;7. 調整評論外形;8. 使用插件和驗證碼防止垃圾評論;9. 鼓勵用戶使用 Gravatar 頭像;10. 創建評論指

wordpress怎麼上傳源碼wordpress怎麼上傳源碼Apr 20, 2025 pm 12:03 PM

可以通過 WordPress 安裝 FTP 插件,配置 FTP 連接,然後使用文件管理器上傳源碼。步驟包括:安裝 FTP 插件、配置連接、瀏覽上傳位置、上傳文件、檢查上傳成功。

wordpress代碼怎麼複製wordpress代碼怎麼複製Apr 20, 2025 pm 12:00 PM

如何復制 WordPress 代碼?從管理界面複製:登錄 WordPress 網站,導航到目標位置,選擇代碼並按 Ctrl C (Windows)/Command C (Mac) 複製代碼。從文件複製:使用 SSH 或 FTP 連接到服務器,導航到主題或插件文件,選擇代碼並按 Ctrl C (Windows)/Command C (Mac) 複製代碼。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。