Divi 插件亮點:Divi Supreme

已發表: 2020-10-09

在 Divi 市場中找到它

Divi Supreme Pro 可在 Divi Marketplace 購買! 這意味著它已通過我們的審查,並被發現符合我們的質量標準。 您可以在市場上訪問 Divi Supreme 以查看他們所有可用的產品。 從 Divi 市場購買的產品具有無限的網站使用和 30 天退款保證(就像 Divi 一樣)。

在 Divi 市場購買

Divi Supreme 是 Divi 的第三方插件,它添加了許多設置以向 Divi Builder 添加新功能以及許多新模塊。 在本文中,我們將研究 Divi Supreme,看看它可以做什麼,並幫助您確定它是否是您的 Divi 工具箱中需要的插件。

安裝

安裝

安裝簡單明了。

  1. 從 Divi Marketplace 購買並下載插件
  2. 導航到插件>添加新>上傳插件
  3. 單擊選擇文件
  4. 在您的計算機上找到插件的 zip 文件並選擇它
  5. 點擊立即安裝
  6. 點擊激活
  7. 轉到 WordPress 儀表板中的Divi Supreme Pro > License並輸入您的許可證密鑰

通用設置

通用設置

Divi Supreme 添加了一個帶有多個選項卡的菜單屏幕,可以按照您想要的方式自定義設置。 常規設置選項卡包括啟用計劃元素的切換、彈出窗口、庫小部件、閱讀更多內容鏈接、庫短代碼和響應式查看器。 讓我們來看看其中的幾個。

預定元素

預定元素

Scheduled Elements 提供了一個包含確切時間的日曆,因此您可以安排在這些時間顯示或隱藏它。 您還可以選擇它適用於哪個用戶。 這將添加到所有部分、行、列和模塊。

彈出

彈出

彈出功能已添加到模塊中。 您可以選擇彈出類型、從庫中選擇佈局、選擇打開和關閉觸發器、自動關閉、進出動畫、位置、寬度、疊加、關閉按鈕、圖標、顏色等。

閱讀更多

閱讀更多

閱讀更多添加指向某些模塊的鏈接,以在點擊時顯示其內容。 選擇在移動設備上顯示鏈接、折疊高度、文本、字體、顏色、陰影、自定義 CSS 等。

圖書館小工具

圖書館小工具

庫小部件可讓您將 Divi 庫中的任何佈局放置在側邊欄、頁腳或使用小部件的任何其他地方。

圖書館小工具

此示例顯示側欄中的演示佈局。 我使用的佈局不是為這個空間設計的,但有趣的是它可以使用 Divi 佈局來構建側邊欄。

響應式查看器

響應式查看器

響應式查看器向構建器工具欄添加了新工具,提供更多查看選項。 當您選擇查看平板電腦或手機模式時,新的屏幕尺寸會添加到工具欄中。 它還添加了一個字段,您可以在其中輸入自定義尺寸。

簡單的主題生成器

簡單的主題生成器

Easy Theme Builder 可讓您配置標題、在滾動時更改標題元素的顏色以及自定義縮小的元素。

固定標題

固定標題

默認情況下,使用主題生成器創建的標題會隨站點滾動。 在上面的例子中,我已經向下滾動頁面並且標題已經滾動。

固定標題

標題現在是固定的,所以當我滾動標題時,標題保持原位。

滾動

滾動

對於滾動,我更改了兩個部分的背景顏色。 我還添加了框陰影以顯示在滾動上。

滾動

這是我滾動前的 Theme Builder 標題。 我已將其設置為“固定”並將內容向下推。 這個標題有兩個部分。

滾動

這是滾動後的​​標題。 這兩個部分根據我的設置更改了它們的背景顏色。

收縮

收縮

縮小允許您在滾動時指定菜單的大小並將徽標更改為新圖像。 向部分、行、模塊添加填充,並指定要縮小的圖像的百分比。

收縮

這是我的 Theme Builder 標題及其默認設置和新徽標。

收縮

我已將大小設置為增加,因此很容易看到差異。 我添加了 8px 的填充並將圖像設置為 80%。 它現在已將徽標更改為我的新圖像。

社交媒體設置

社交媒體設置

社交媒體設置可讓您輸入 Facebook 應用 ID 並更改語言,以便您的模塊使用與您的網站相同的語言。

雜項

雜項

雜項設置允許您在卸載時刪除插件的數據,允許 JSON 文件上傳、SVG 上傳,以及更改 Divi Supreme 菜單名稱和圖標。

分區模塊

分區模塊

Divi Supreme 為 Divi Builder 添加了 42 個新模塊。 它們為圖像、文本、按鈕、聯繫表單、社交媒體網絡等添加了許多新功能。讓我們看看其中的一些。

最高營業時間

最高營業時間

最高營業時間包括一周中每一天的子模塊,允許您單獨命名它們、顯示不同的時間並設置它們的樣式。 您也可以像我在這裡所做的那樣將它們一起設計。 它使您可以獨立控制日期和時間字體。 您還可以在字段中輸入您想要的任何文本。

至尊按鈕

至尊按鈕

Supreme Button 為您提供了兩個按鈕,您可以將它們搭配在一起或單獨設計。 它還添加了分隔符文本、每個按鈕的燈箱和工具提示。 每個元素都有自己的樣式選項。 您可以使用所需的確切功能,因此您不必同時使用兩個按鈕、分隔符文本等。

至尊卡

至尊卡

Supreme Card 創建看起來像博客文章的卡片。 添加圖像、標題、描述、按鈕和徽章。 每個元素都可以獨立設置樣式。 我添加了一個圖像,增加了標題的字體粗細,更改了徽章顏色和字體大小,更改了按鈕的顏色,使按鈕變圓,並為按鈕添加了框陰影。 這是堆疊視圖。

至尊卡

您還可以 inline 並選擇寬度、順序對齊和水平內容對齊(調整圖像的垂直位置)。 這顯示左對齊順序和中心對齊水平對齊。 對齊選項非常適合在交替佈局中創建 CTA。

至尊卡

這是正確的對齊方式。 我還對圖像進行了一些調整,例如添加圓角、紅色邊框和框陰影。 您還可以向圖像添加疊加層。

至尊卡輪播

至尊卡輪播

Supreme Card Carousel 提供與 Supreme Card 相同的功能,但在滑塊上增加了多張卡片。 它為您提供了樣式選項,因此您可以獨立設置卡片的樣式。 它還為輪播添加了樣式選項,包括箭頭和點導航,以及標準滑塊功能。 這顯示了我添加的圖像的默認設置。 這是堆疊對齊。

至尊卡輪播

這是內聯對齊。 我為每個子模塊添加了背景顏色,以便獨立。 我還更改了箭頭的大小和顏色以及點導航的顏色。 箭頭調整還使您可以控制位置、上一個圖標和下一個圖標。

最高雙標題

最高雙標題

Supreme Dual Heading 為文本提供三個部分:前、中、後。 默認情況下,中間文本是不同的顏色。 所有三個都使用相同的設置,但您可以單獨設置它們的樣式。 您還可以將它們顯示為內聯或以您想要的任何組合堆疊。 內聯是默認設置。 我增加了前後文本的字體大小,減少了後文本,並使中間文本加粗。

至尊嵌入式穀歌地圖

至尊嵌入式穀歌地圖

嵌入的 Google 地圖可讓您添加想要固定的地址並選擇縮放級別。 不需要其他設置。 它使用 ctrl+ 進行縮放,因此用戶可以滾動過去而無需頁面停止縮放地圖。

至尊嵌入式穀歌地圖

它沒有任何地圖元素的自定義設置,但它具有所有標准設計選項。 在這個例子中,我添加了一個框陰影並調整了過濾器。

至尊嵌入式推特時間線

至尊嵌入式推特時間線

嵌入式 Twitter 時間線允許您指定 Twitter 用戶名以將該用戶的 Twitter 帖子嵌入到您的佈局中。 限制推文數量,顯示頁眉、頁腳、邊框、滾動條並去除背景顏色。 它包括標准設計設置。 它還包括一個明暗主題。

至尊臉書評論

至尊臉書評論

Facebook 評論嵌入了 Facebook 頁面的評論,並允許用戶使用他們的 Facebook 帳戶發表評論。 選擇要顯示的評論數量,選擇淺色或深色方案,並選擇評論的排序方式。 用戶可以在 Facebook 上點贊、回復和關注此人。 它包括標准設計設置。

至尊圖標列表

至尊圖標列表

Supreme Icon List 包括子模塊,您可以在其中添加內容並為每個項目選擇一個圖標。 您可以獨立設置文本和圖標的樣式。 您還可以在每個項目後面添加背景,包括顏色、漸變、圖像和視頻。

最高形狀

最高形狀

Supreme Shapes 允許您從下拉列表中選擇一個形狀並設置其大小。 它有 17 種不同的形狀可供選擇。

最高形狀

設計選項可讓您更改顏色、使用邊框和添加陰影。 它還包括標准設計設置。 我在上面的例子中改變了顏色並添加了一個陰影。

購買

購買

Divi Supreme 可在 Divi Marketplace 購買,價格為 79 美元。 價格包括無限制的網站使用和一年的支持和更新。

結束的想法

Divi Supreme Pro 是一個有趣的 Divi 插件。 它添加了大量新功能和模塊,但仍然易於使用。 所有的功能都很有用。 一些添加了效果,而另一些添加了大大擴展 Divi 的功能。 如果您希望在不需要大量插件的情況下擴展您的 Divi 站點或工具箱,Divi Supreme Pro 值得一看。

我們希望聽到您的意見。 您是否嘗試過 Divi Supreme Pro? 請在評論中告訴我們您對此的看法。

精選圖片來自 VectorKnight/shutterstock.com