Divi主題

Divi主題 WordPress主題介紹

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...
Divi主題 WordPress主題介紹

Divi Map模塊

通過地圖模塊,可以輕鬆地在頁面上的任意位置嵌入自定義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儀表板,則在瀏覽前端網站時也可以單擊“ 使用Visual Builder”按鈕。 進入Visual Builder後,您可以單擊灰色加號按鈕將新模塊添加到頁面。新模塊只能添加到“行”中。如果要開始新頁面,請不要忘記先在頁面上添加一行。我們有一些很棒的教程,介紹如何使用Divi的row和section元素。 在模塊列表中找到地圖模塊,然後單擊它以將其添加到頁面中。模塊列表是可搜索的,這意味著您也可以輸入單詞“ map”,然後單擊Enter以自動查找並添加地圖模塊!添加模塊後,將為您提供該模塊的選項列表。這些選項分為三個主要組:Content,Design和Advanced。 用例示例:將地圖模塊添加到聯繫頁面 地圖模塊是在聯繫頁上顯示公司位置的好方法。向地圖添加多個圖釘以顯示不同的公司位置和信息的功能是一項有用且引人入勝的功能。 在此示例中,我將通過在地圖上添加自定義圖釘來添加一個地圖模塊,以展示公司的位置和信息。 重要提示:請確保在Divi Theme Options面板中輸入了有效的Google API密鑰。沒有它,地圖模塊將無法工作。 使用Visual Builder,將標準部分添加到聯繫頁面的底部。然後將“地圖”模塊插入新部分。在“地圖設置”的“內容”選項卡中,在“地圖中心地址”選項下輸入您的公司地址。地圖中心地址用於地圖中心點。 然後點擊+添加新項以創建您的第一個圖釘。更新以下內容:...
Divi主題 WordPress主題介紹

使用Divi主題選項

Divi充滿了自己的自定義主題選項。在這裡,您可以控制徽標,導航設置等內容。這些選項可以在Divi>主題選項下的WordPress儀表板菜單中訪問。   常規設置   商標 您可以在此處上傳自己的徽標文件,以顯示在網站每一頁的標題中。 固定導航欄 固定的導航欄是指在向下滾動頁面時固定在屏幕頂部的導航欄。滾動時,菜單欄也會略微收縮,以提供更多可讀的屏幕空間。默認情況下,導航欄處於啟用狀態。 啟用Divi Gallery WordPress媒體上載器包含“ 創建庫”功能,該功能允許您向頁面或帖子添加簡單的圖庫。如果要將默認的WordPress畫廊樣式替換為Divi畫廊樣式,請啟用此選項。 拾色器默認調色板 在這裡,您可以更改Divi Builder和Visual Builder中所有顏色選擇器的默認調色板。您可以在此處設置自定義主題所需的所有顏色,以便在構建過程中可以使用這些相同的顏色。 搶先發布圖片 默認情況下,縮略圖是使用自定義字段創建的。但是,如果您希望將帖子中已存在的圖像用作縮略圖(並使用自定義字段跳過),則可以激活此選項。激活後,將使用帖子中的第一張圖像自動生成縮略圖。該映像必須託管在您自己的服務器上。 博客樣式模式 默認情況下,主題自動將您在索引/主頁上的帖子截斷以創建帖子預覽。如果您希望像傳統博客一樣在索引頁面上完整顯示帖子,則可以激活此功能。 WooCommerce的商店頁面和類別頁面佈局 如果要使用WooCommerce集成,則可以在產品和產品類別頁面上定義希望商店使用的佈局。 Google API金鑰 Maps模塊使用Google Maps API,並且需要有效的Google API密鑰才能運行。在使用地圖模塊之前,請確保已在此處添加了API密鑰。在此處了解有關如何創建Google API密鑰的更多信息。 入隊Google Maps腳本 禁用此選項可從Divi Builder頁面中刪除Google Maps API腳本。這可以改善與也加入該腳本的第三方插件的兼容性。 請注意:依賴於Google Maps API才能正常運行的模塊,例如Maps和Fullwidth Maps模塊,將仍然可用,但在禁用此選項的情況下將不起作用(除非您手動添加Google Maps API腳本)。...
Divi主題 Wordpress主題

Divi 正版授權碼 (單一域名)

授權包括: Divi Theme – 主題包,已包括Builder插件 Divi Builder Plugin – 純Builder插件,不含主題 Extra – 新聞類主題包 Bloom – Email表單插件 Monarch – 社交分享插件   開通流程: 購買後聯絡站長進行開通,需要提供Wordpress後台,授權後該域名可永久使用,包括更新。
Divi主題 Wordpress主題

Divi 正版授權碼 (無限域名)

授權包括: Divi Theme – 主題包,已包括Builder插件 Divi Builder Plugin – 純Builder插件,不含主題 Extra – 新聞類主題包 Bloom – Email表單插件 Monarch – 社交分享插件   開通流程: 購買後聯絡站長進行開通,會發送一套正版授權API給你,於後台開通,可用於多個網站。