看看優雅的主題 Divi 2.4

已發表: 2015-06-22

分割縮略圖 Divi 是目前優雅主題最強大和最先進的 WordPress 主題,它剛剛進行了歷史上最大的升級。 Divi 為您提供可用於創建有趣的佈局和內容區域的構建塊。 您可以添加文本、滑塊、地圖、簡介、手風琴、定價結構等等。 您幾乎可以創建您需要的任何類型的網站。 當然,它是響應式的。

從它發布的第一天起,我就成為了 Divi 用戶。 在這篇文章中,我分享了我對 Divi 的看法,並了解了 2.4 版中的新功能。

2.4 中的新功能

Divi 2.4 是 ET 未來產品線的基礎。 它有超過 1000 個模塊設計和定制器設置,並添加了一些有趣的功能:

  • 全局設置——更容易進行站點範圍的調整
  • 流體網格 – 頁面佈局沒有固定寬度。 使用流體網格,您可以創建自己的寬度。
  • 高級構建器設置——每個模塊都有來自簡單 UI 的高級 CSS 設置。
  • Divi Library – 高級佈局。

主題選項

主題選項

所有 ET 主題都使用一個名為 epanel 的選項屏幕。 epanel 的功能會根據主題的功能而變化。 Divi 的面板很廣泛。 它具有基本的功能,例如 logo、favicon、固定導航欄、抓取第一張圖片、博客樣式、要顯示的帖子數量等。它添加了很多選項,包括:

  • WooCommerce 商店頁面
  • MailChimp 鍵
  • 阿韋伯授權
  • 社交媒體圖標
  • 社交媒體網址
  • 谷歌字體
  • 平滑滾動 - 允許下一行及其內容在滾動時淡入
  • 響應式簡碼
  • 返回頂部按鈕
  • 自定義 CSS
  • 和更多

導航設置包括頁面、類別、主頁鏈接、下拉菜單等。它具有佈局設置、廣告管理、SEO 自定義、高級代碼集成和文檔。 您可以僅通過面板進行大量自定義。

主題定制器

主題定制器

主題定制器從前端工作,並添加了許多滑塊來調整字體大小、樣式、行、按鈕、顏色、動畫、頁眉大小、頁腳大小、背景圖像等等。 您可以進行所有調整併在它們發生時查看效果(所見即所得——所見即所得)。

您可以將您的聯繫信息和社交鏈接放在標題中。 標題對於企業來說是一個特別好的選擇,因為它將重要信息放在前面和中心,並且當讀者向下滾動時它會留在屏幕上。 它還包括佈局和地形。 就像標準自定義一樣,您可以選擇導航、小部件和靜態首頁。

它甚至可以讓您調整平板電腦和手機的移動設置,並且每個設置都獨立於所有其他設置並且彼此獨立。 您可以在模擬移動設備的屏幕中看到效果,以便在發布之前查看它的外觀。 這是一個很好的功能,因為您不必使用移動設備來檢查網站在您剛剛進行的調整後的外觀。 我真的很高興看到這包括在內。

模塊定制器

模塊定制器

您可以使用 Module Customizer 自定義前端模塊的外觀。 自定義包括大小、寬度、高度等的滑塊。您還可以選擇字體、樣式、動畫、動作等。

迪維圖書館

迪維圖書館

Divi 庫包含您創建的佈局。 您可以編輯任何佈局並從此菜單創建新佈局。

Divi Builder

Divi Builder

當您使用 The Divi Builder 時,Divi 的真正魔力就會發生。 您可以通過選擇可視化編輯器上方標記為 Use The Divi Builder 的按鈕來使用它。 以前的版本有 Page Builder,它只適用於頁面。 Divi Builder 適用於所有帖子類型。

  • Divi 還將帖子設置添加到您的編輯器中,因此您可以根據需要選擇頁面佈局、點導航、隱藏導航和隱藏每個帖子的帖子標題。

您可以加載頁面佈局或修改默認佈局。 佈局由具有行和列的部分組成。 然後將模塊放置在列中。 您可以通過拖放任何部分、行、列或模塊來更改佈局。

部分

部分

可以添加、刪除、克隆和修改部分。 您可以修改背景的外觀和反應,添加背景圖像,使背景透明,選擇其顏色,播放視頻,選擇其整體大小,是否可以被其他播放器暫停,是否有內部陰影,如果它使用視差效果,並設置特殊的CSS。 使用這些設置,您可以使相同的簡單佈局看起來獨一無二。

您還可以創建每個部分的克隆 - 包含相同的行、模塊、內容和設置。 當然,您可以隨心所欲地修改新部分。

有四種不同類型的部分。 您可以添加標準部分、全角部分、專業部分或從庫中添加。

行

您可以添加新行和修改現有行。 然後可以將列放置在行上,構建您的佈局。

列

這些列是添加模塊的地方。 有 11 種不同的列佈局可供選擇。

專業部分

專業部分

還有9個專業欄佈局。 其中包括側邊欄的各種選項。

從庫加載

從庫加載

您可以從 32 個預定義的佈局或您創建的佈局中加載佈局。 每一個都可以修改。 佈局包括各種數量的列、網格、輪播、側欄、主頁、商店、企業、投資組合、博客、維護模式、即將推出、登陸頁面、銷售頁面、案例研究、產品功能、關於頁面、聯繫頁面、購物頁面等等。

從庫 2 加載

您的頁面是通過放置行、在這些行中放置列、然後在這些列中放置模塊來構建的。 您可以添加新行、通過拖放移動行或刪除行。 預製佈局已經為您製作了這些。 我選擇了 Homepage Basic,它給了我一個帶有滑塊、標題、四個簡介和號召性用語的佈局。

模塊

模塊

模塊是特殊的內容類型(如小部件)。 您可以添加新模塊,按您想要的任何順序拖放它們,或刪除它們。 您還可以添加各種類型的內容。 您可以擁有任意數量的模塊,並以您想要的任何組合使用它們。 您使用同一模塊的次數不受限制。 例如,如果您想要一個充滿地圖的屏幕,只需添加任意數量的地圖模塊即可。

有40個模塊:

  • 全角標題
  • 全角菜單
  • 全角滑塊
  • 全幅作品集
  • 全角地圖
  • 全角代碼
  • 全角圖像
  • 全角帖子標題
  • 圖片
  • 畫廊
  • 視頻
  • 視頻滑塊
  • 文本
  • 模糊
  • 標籤
  • 滑塊
  • 見證
  • 定價表
  • 呼籲採取行動
  • 聲音的
  • 註冊
  • 登錄
  • 文件夾
  • 可過濾的投資組合
  • 吧台
  • 圓形計數器
  • 號碼計數器
  • 手風琴
  • 切換
  • 聯繫表
  • 側邊欄
  • 分頻器
  • 博客
  • 店鋪
  • 倒計時器
  • 地圖
  • 社交媒體關注
  • 帖子標題
  • 代碼

這是足夠的模塊,您可以為您的網站創建一些有趣的佈局和功能。 模塊是 Divi 的優勢之一。 通過將模塊放在列中,您可以從字面上創建一個獨一無二的佈局。 使用模塊,Divi 將讓您創建幾乎任何您想要的網站。

每個模塊都有自己的設置。 它們中的大多數都有編輯器、高級設計設置和 CSS 設置,因此您可以添加它們的內容並修改它們的外觀和感覺。 以下是一些模塊及其功能:

文本

文本

文本為您提供基本的編輯器和文本顏色和方向選擇、高級設計設置(寬度、高度、顏色、邊距等的滑塊)和自定義 CSS。 大多數模塊都包含這些或類似的功能。

模糊

模糊

我點擊 Blurb 看看我可以添加什麼樣的內容。 在這裡,我可以給它一個標題、URL、確定 URL 的工作方式、給它一個圖標、選擇顏色、字體等,然後使用標準的 TinyMCE 編輯器添加內容。 高級設計設置包括與文本模塊相同的設置,但添加了圖像設置。

地圖

地圖

地圖為您提供了一張漂亮的地圖,您可以將其顯示為常規地圖(帶或不帶地形)或在衛星視圖中查看(帶或不帶標籤)。 您可以添加圖釘,以便突出顯示地圖上的特定位置。 您只需輸入地址並選擇添加新引腳。 高級設置為您提供帶有百分比控制的灰度過濾器。

博客

博客

博客模塊很有趣。 它允許您將博客文章放置在您選擇的任何寬度的單個列中。 我喜歡這個的原因是你可以有一個靜態的首頁,並且仍然顯示你選擇的特定類別的博客文章。 您可以顯示任意數量的內容,還可以顯示摘錄、作者姓名、日期、類別、分頁、特色圖片、閱讀更多按鈕等。 這將形成一個有趣的雜誌式佈局。 它包括與文本模塊相同的高級設計設置,但具有一些額外的背景顏色和標題設置。

帖子標題

帖子標題

這是新模塊之一。 它使您可以設計帖子標題的外觀並選擇包含的內容和不包含的內容。 高級設計功能與文本模塊基本相同,但有一些額外的設置,例如背景顏色。

帖子標題 2

這是帖子標題模塊的高級設計設置。

使用 Divi 作為常規主題

使用 Divi 作為常規主題

當然,您不必使用任何這些功能。 您可以像使用任何其他主題一樣使用 Divi。 只需在面板中選擇您想要的設置並像平常一樣創建內容 - 使用標準編輯器。 這使得一個簡單而乾淨的網站或博客足夠優雅,可以按原樣使用。

語言支持

語言支持

Divi 內置了對 30 多種語言的支持,並且可以翻譯成其他語言。 這包括前端和構建器,當啟用 RTL 語言時,它甚至從右到左顯示。

獲得Divi

獲得Divi

Divi 是 ET 個人計劃的一部分,該計劃每年收費 69 美元,包括訪問所有主題、永久更新、支持和無限制使用。 如果您取消訂閱,您可以保留從 ET 下載的所有內容。

在我看來,僅 Divi 就值得這個價格(尤其是當您考慮到這種口徑的大多數主題的成本遠高於此時),但是當您考慮到包括 87 個主題並且還在增加時,加入優雅主題至少一年是不行的腦筋急轉彎。

再往前走

ET 議程上的下一個版本是 Divi Builder 插件,這是一個名為 Extra 的雜誌主題,它將共享相同的建築元素,但以雜誌佈局為重點,然後是 Divi 3.0。 顯然,ET 完全致力於 Divi 和 Divi builder 平台的成功。 現在我已經看到了 Divi 2.4,我無法想像 Divi 3.0 中的改進和功能。

Divi Builder 插件

Divi 的一個缺點是,一旦您創建了頁面佈局,您就無法在不重新創建頁面和帖子的情況下切換主題。 ET 使用免費插件解決了這個問題,無論您使用什麼主題,該插件都能保持佈局。 即使您不使用 ET 的主題,您也可以保留所有佈局和模塊。 這個插件應該很快就可以使用了。

最後的想法

Divi 可以創建複雜的佈局,但仍然很容易使用。 它沒有很大的學習曲線。 您可以輕鬆添加元素並將它們拖放到您想要創建自己的自定義佈局的任何位置,並使用滑塊修改它們的外觀。 它們可以像您希望的那樣複雜或簡單。

以您想要的方式獲得佈局可能需要一些時間,但至少您可以將佈局保存為模板或使用預製佈局,這可以為您節省大量開發時間。 進行高級風格的調整比以往任何時候都更容易,並且每個設置都有一個撤消按鈕,因此您不必擔心犯錯誤。 使用 Divi 製作的網站在任何設備上看起來都令人印象深刻,而且加載速度很快。 我強烈推薦來自優雅主題的 Divi 2.4。

了解有關 Divi 的更多信息並在此處下載

你呢? 你試過迪維嗎? 你的經歷和我一樣嗎? 你有什麼要補充的嗎? 在下面的評論中告訴我們。