【Divi教學】三分鐘教你如何置入Google地圖

by

【Divi教學】三分鐘教你如何置入Google地圖

by

這篇文章要教你如何透過Divi Builder,將Google Map貼入到你的網頁當中,方法非常簡單,三分鐘就能完成。

1. Google Map複製置入程式碼

首先,先開啟Google Map,搜尋到你要置入的地點後,點選分享Share,接著選擇嵌入地圖Embed a map,點擊右方的複製Copy Html,把整串程式碼複製起來即可。

Copy Embed code from Google Map

2.選擇Divi Module

用Divi Builder開啟你要置入地圖的頁面,有兩種Module可以使用,如果你想讓地圖的寬度跟整個頁面寬度一樣的話,可以使用第一種,全幅寬度Fullwidth Section中的Fullwidth Code。

Select Divi code module

如果不需要全幅寬度的地圖,那就使用一般的Code Module即可。

Insert module

3.貼上程式碼

最後,將你剛剛從Google Map那邊複製下來的程式碼,直接Ctrl+V貼上,如果你使用的是全幅寬度Fullwidth code的話,記得先找到程式碼中的width,把後方的預設數字600改成100%,如下圖所示,這樣你的地圖才會是整個頁面的寬度喔!

Paste code

如果你對於這篇文章有任何疑問或者建議,都歡迎你在底下留言給我喔:)

本文作者 – LiLing

90後的台灣女生,目前正於紐西蘭擔任多媒體設計師,擅於利用Wordpress建立網站,分享各種不必使用程式語法,也可以架設網站的101種方法。

相關文章

👋

Hi, I’m LiLing

在紐西蘭任職多媒體設計師,擅於利用Wordpress建立網站,搭配Divi主題,分享各種不必使用程式語法,也可以設計網站的101種方法。

🙌

社團交流

歡迎你加入Divi使用者討論平台,有任何問題都歡迎在上面向我提問:)

👩🏻‍💻

免費領取Divi入門手冊

領取Divi新手設計入門手冊

0 Comments

Submit a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *