我們 2019 年的 10 大 Divi 教程

已發表: 2020-01-01

今年是 Elegant Themes 博客上 Divi 內容最大的一年。 我們發布了數百篇帖子,其中包括一些我們有史以來最好的教程。 在這篇文章中,我想藉此機會通過突出我們十個最受歡迎(一年中訪問量最大)的 Divi 教程來突出我們編輯人員的出色工作。 當然,要提醒大家,社區,我們有一些最好的 Divi 資源可供您使用。

我們 2019 年的 10 大 Divi 教程

1.加速你的Divi網站的終極指南

加速divi特色圖片

事實上,Divi 在之前的更新中添加了許多性能增強功能,使 Divi 站點(和 Divi Builder)的運行速度比以往任何時候都快。 此外,Divi 在構建時考慮了第三方優化。 許多用於 WordPress 的性能優化插件也可用於提高 Divi 網站的速度性能。

在這篇文章中,我們將探討已經為加速 Divi 所做的工作以及我們可以做些什麼來使其更快。

閱讀這篇文章

2. 如何使用 Divi 或 Extra 和 WPML 創建多語言網站

如何使用divi創建一個多語言網站

使用 Divi 和 Extra 創建多語言網站很容易。 WPML 都已準備就緒,這意味著您可以使用 Divi 和 Extra 創建多語言網站。 WPML 進行了更改以提高與 Divi 和 Extra 的兼容性,並添加了一些功能,使您的網站翻譯變得更加容易。 在本文中,我們將看到如何使用 Divi 或 Extra 和 WPML 創建多語言網站。

閱讀這篇文章

3. 您可以使用內置設置實現的 5 種創意 Divi 標題模塊樣式

創意divi標題設計特色圖片

開箱即用,Divi Header Module 只需進行少量調整即可創建引人注目的標題設計。 這使它成為在 Divi 中為您的網站設計標題時非常流行的模塊。 通過一些開箱即用的思考,您可以僅使用內置設置(無自定義 CSS)創建一些真正獨特的設計。 因此,對於那些想要探索一些新標題設計的人,我將向您展示 5 種可能會激發您靈感的 Divi 標題模塊樣式。

閱讀這篇文章

4.在不同斷點處更改Divi Gallery模塊中的列數

在不同斷點處更改Divi Gallery模塊中的列數 特色圖片

Divi Gallery 模塊允許您在響應式網格佈局中創建漂亮的圖片庫。 圖庫被認為是響應式的,因為它會根據不同的瀏覽器寬度縮放圖像的大小並調整網格中的列數。

默認情況下,gallery 模塊具有三個斷點(樣式在特定瀏覽器寬度發生變化的點),用於調整網格中的列數。 它將在桌面上以四列顯示您的圖片庫,然後在平板電腦上分成三列,在小型平板電腦(和大型手機)上分成兩列,在手機上分成一列。

此默認設置通常適用於大多數情況,但有時您可能需要對某些瀏覽器寬度上顯示的列數進行更多控制。 這就是為什麼在本教程中,我們將向您展示如何完全控制 Divi Gallery 模塊中顯示的列數,不僅適用於桌面,還適用於三個額外的瀏覽器斷點。

閱讀這篇文章

5. 如何使用 Divi 的 Theme Builder 創建自定義全局標題

全局標題

既然主題生成器就在這裡,我們迫不及待地想深入了解新教程,這些教程將幫助您從頭到尾設置您的網站。這包括使用 Divi 的內置選項創建自定義標題。 在本教程中,我們將專注於使用 Divi 的 Theme Builder 創建全局標題。 除非您為該頁面或帖子分配了不同的標題,否則全局標題將顯示在您網站上的任何地方。

閱讀這篇文章

6.如何在沒有插件的情況下在Divi中創建帶有任何模塊的翻轉卡片

如何在沒有插件的情況下使用 Divi 中的任何模塊創建翻轉卡 特色圖片

翻轉卡片是用戶與您的網站互動的一種有趣方式。 它不僅提供了一個很酷的翻轉動畫,還允許您在一個簡潔的位置提供附加信息。 在本教程中,我將向您展示如何在不使用插件的情況下將 Divi Modules 變成翻轉卡! 使用這種方法,您將能夠將一個 Divi 模塊用作卡的正面,將另一個 Divi 模塊用作卡的背面。 您甚至可以使用 divi builder 隨意設計每個模塊(正面和背面)。 該功能僅通過幾個 CSS 片段(無 jquery)即可完成。

閱讀這篇文章

7. 在 Divi 中展示公司標誌的簡單而有創意的方式

在 Divi 特色圖像中顯示公司徽標的簡單而有創意的方法

在您的網站上顯示公司徽標的原因有很多。 公司徽標的“精選”部分可能會影響潛在投資者或合作夥伴。 或者“我們的客戶包括”部分可以為訪問者建立有價值的社會證明。 但無論是什麼原因,重要的是要知道如何將這些徽標添加到您的網站。 在本教程中,我將介紹使用 Divi 將公司徽標添加到您的網站的三種不同方法。 我什至會向您展示如何將徽標畫廊添加到任何 Divi 模塊!

閱讀這篇文章

8. 為 Divi 的推薦模塊設計風格的 5 種奇妙方式

divi 推薦模塊

訪問者總是在網站上尋找的一件事是推薦。 它們代表可信度並影響潛在客戶訪問您的網站時的決策過程。 除了確保您有強有力的推薦書可以分享,使它們具有視覺吸引力也很重要。 在這篇文章中,我們將向您展示 5 種奇妙的方式,您可以在僅使用內置選項的情況下設置 Divi 推薦模塊的樣式。

閱讀這篇文章

9. 如何自定義您的 Divi 滑塊以更改每張幻燈片的特定元素

如何自定義您的 Divi 滑塊以更改每個幻燈片特色圖像的特定元素

我們都知道滑塊非常適合最大化您網站的首屏部分。 他們都是偉大的! 用戶受到多個 CTA 和重要功能的歡迎,這些功能無需向下滾動頁面即可滑入視圖。 但是,有時從幻燈片到幻燈片的設計和內容變化過多會分散訪問者的注意力或使訪問者不知所措。 這就是為什麼在本教程中,我將向您展示如何自定義您的 Divi 滑塊以僅更改每個幻燈片過渡的特定元素。 這使您可以保持滑塊的核心內容和設計組件一致,而您只更改每張幻燈片的特定元素(如單個單詞或按鈕)。 訪問者將能夠輕鬆處理更改並清楚地了解您的號召性用語。

閱讀這篇文章

10. 如何在 Divi 中創建自定義照片庫滑塊

畫廊幻燈片特色

我們都知道滑塊非常適合在折疊上方一個方便的位置通過特色服務、產品或頁面來吸引用戶。 一些網站(我認為是攝影師)需要在主頁上展示他們的一個或多個照片庫。 為此使用滑塊可能是一個不錯的選擇。 但是,您可能沒有考慮過像這樣在滑塊中展示您的照片庫。

在本教程中,我將向您展示一種將 Divi 圖像畫廊嵌入到幻燈片中的簡單方法,以在 Divi 中創建一個完全自定義的照片畫廊滑塊。 訣竅是在滑塊的內容區域中創建一個 WordPress 圖片庫。 然後,您只需要確保並選擇使用 Divi Gallery 而不是默認的 WordPress Gallery 樣式的選項。 實施起來超級簡單有趣。

閱讀這篇文章

綜上所述

每年我們關注的 Divi 內容類型在很大程度上取決於發布了哪些新功能。 我們認為最好通過許多新教程來讚美新功能的發布,這些教程教人們如何使用它,甚至以有趣的方式將這些功能推向極限。 然而,這種方法意味著我們跳來跳去,可能會留下一些未涵蓋的主題。 因此,如果您有一個 Divi 教程請求,我們可以在新的一年為您解決,請在下面的評論部分中分享,我們會將其添加到隊列中!

特色圖片來自霍比特人/shutterstock.com