Divi全寬地圖模塊
通過地圖模塊,可以輕鬆地在頁面上的任意位置嵌入自定義Google地圖。您甚至可以向地圖添加無限的圖釘,並定義自定義視口的起始位置。地圖模塊也以標準寬度格式提供,因此也請務必檢查一下! 觀看此模塊的現場演示 Google Maps API密鑰 必須使用API密鑰才能使用地圖模塊。要獲取API密鑰,請登錄Google Developers Console,它將指導您完成該過程,並自動激活Google Maps JavaScript API和所有相關服務。您將被要求做的第一件事是創建一個新項目。 接下來,將要求您命名您的項目。您可以根據自己的喜好為項目命名。在此示例中,我簡稱為“地圖”。您還可以輸入您網站的域名(如果您同時允許從www.domain.com和domain.com進行訪問,請在其域名前添加*),以確保您的API密鑰允許使用其他網站。 創建命名項目後,將為您提供可以使用的API密鑰。 獲取API密鑰後,必須通過導航至以下網址將其複制/粘貼到主題選項面板中:Divi >>主題選項>>常規設置>> Google Maps API密鑰 如何在頁面上添加全角地圖模塊 在向頁面添加全角地圖模塊之前,您首先需要跳入Divi Builder。在您的網站上安裝Divi主題後,每次創建新頁面時,都會在帖子編輯器上方看到Use Divi Builder按鈕。單擊此按鈕將啟用Divi Builder,使您可以訪問所有Divi Builder的模塊。接下來,單擊“ 使用可視生成器”按鈕以在可視模式下啟動生成器。如果登錄到WordPress儀表板,則在瀏覽前端網站時也可以單擊Enable Visual Builder按鈕。 進入Visual Builder後,您可以單擊灰色加號按鈕將新模塊添加到頁面。新的全角模塊只能添加到全角部分中。如果您要開始一個新頁面,請不要忘記先在頁面上添加全角部分。我們有一些很棒的教程,介紹如何使用Divi的section元素。 在模塊列表中找到全角映射模塊,然後單擊它以將其添加到頁面中。模塊列表是可搜索的,這意味著您還可以輸入單詞“ fullwidth map”,然後單擊Enter以自動查找並添加全寬地圖模塊!添加模塊後,將為您提供該模塊的選項列表。這些選項分為三個主要組:Content,Design和Advanced。 用例示例:將全角映射模塊添加到聯繫頁面 全寬地圖模塊是在聯繫頁上展示公司位置的絕佳方法。向地圖添加多個圖釘以顯示不同的公司位置和信息的功能是一項有用且引人入勝的功能。 對於此示例,我將通過在地圖上添加自定義圖釘來添加全寬地圖模塊,以展示公司的位置和信息。 重要提示:請確保在Divi Theme Options面板中輸入了有效的Google API密鑰。沒有它,地圖模塊將無法工作。 使用Visual...
