Divi 評測：如何使用這個建置工具節省網站設計的時間

如果您曾經嘗試過從頭開始建置一個網站，您就知道這種掙扎：無窮無盡的插件、令人困惑的佈局和花費數小時只為了讓東西看起來正確。

這就是為什麼 Divi 引起了我的注意。這個 WordPress 建置工具不僅提供了一個模板，而且讓您可以設計您的網站，無需編碼。Divi 讓事情變得簡單，同时提供了足夠的靈活性來創建獨特的網站。

在這個 Divi 評測中，我將討論優點和缺點、它是什麼、誰最適合使用它以及其關鍵功能。然後，我將展示如何使用 Divi 外掛程式生成整篇文章，僅需幾分鐘。
我將通過比較 Divi 和我最推薦的三個替代方案（Wix、B12 和 Brizy）來完成這篇文章。到最後，您將知道它是否適合您！

判斷

Divi 是一個網站建置工具，可以輕鬆創建可自訂的網站，而無需編碼。然而，如果不進行優化，它可能會變得更慢，而且默認模板如果不進行更改，可能會看起來不夠原創。

優點和缺點

• 拖放介面，無需編碼
• 成千上萬的預製模板，快速設置
• 所有設備的響應式設計
• 主題建置工具，自訂標題、底部和模板
• 與插件、WooCommerce 和行銷工具集成
• 高級設計選項：動畫、懸停效果、CSS 和全局樣式
• AI 工具，簡化內容創建和設計
• 定期更新，新增功能

• 如果不優化，可能比一些競爭對手慢
• 默認模板可能導致類似的設計

什麼是 Divi?

Divi 是一個流行的 WordPress 主題，具有強大的視覺頁面建置工具，由 Elegant Themes 開發。您可以使用它創建完全可自訂的網站，而無需編寫代碼，通過其拖放介面。

Divi 是 WordPress 頁面建置工具空間中最容易辨認的名稱之一。然而，很多人並不知道它實際上是兩個產品：一個完整的 WordPress 主題和一個獨立的頁面建置工具外掛程式，具有靈活性。

Divi 的雙重性質

與傳統的 WordPress 主題不同，傳統主題會將您鎖定在預定的佈局和有限的自訂選項中，Divi 完全打破了這些障礙。

主題提供了一個乾淨和響應式的基礎，適用於任何內容。同時，建置工具外掛程式將網站編輯轉變為拖放體驗。

這種雙重方法意味著您可以將 Divi 的建置功能應用於任何 WordPress 主題，通過外掛程式，或者使用完整的 Divi 主題，獲得完全集成的體驗。您可以使用 Divi 與您已經喜愛的主題。

從簡單主題到視覺強大

Elegant Themes 於 2013 年推出了 Divi，作為一個 WordPress 主題，但它在過去的十年中經歷了巨大的轉變。

原始版本使用後端介面，但它並不提供實時的視覺編輯選項。

2016 年 視覺建置工具 的引入標誌著一個轉折點。用戶現在可以在前端以實時預覽編輯他們的網站。

隨後的更新添加了高級功能，包括：

• 動態內容集成
• 自訂 CSS 控制
• 主題建置工具（設計標題、底部和整個頁面模板）

視覺建置背後的哲學

Divi 的目標是通過消除技術障礙，使網頁設計變得可及。過去，自訂的 WordPress 設計需要編碼技能，如 HTML、CSS 和 PHP，留下了許多人卡在基本模板上。

視覺建置工具通過簡單的顏色、字體和間距控制，消除了技術障礙。它超越了頁面建置，涵蓋了整個網站設計。

與 WordPress 生態系統集成

Divi 與 WordPress 無縫集成，保持內容在標準格式，即使 Divi 被停用後仍保持完整。

Divi 與流行的 WordPress 插件（如 SEO、電子商務、表單和安全）合作無間。它與 WooCommerce 集成，實現線上銷售產品，並支持工具如 Yoast SEO，以保持設計對搜索引擎進行優化。

系統還支持 WordPress 多站點。這意味著大型組織可以從一個安裝中管理多個網站。

誰最適合使用 Divi?

以下是 Divi 最適合的用戶類型：

• 自由職業者和網頁設計師可以使用 Divi 創建完全可自訂的網站，而無需編碼。
• 中小型企業可以使用 Divi 建立具有完整設計控制的專業網站，例如作品集、博客和服務頁面。
• 代理商和開發人員可以使用 Divi 加速網頁設計項目，使用預製佈局。
• 電子商務店主可以使用 Divi 設計具有自訂產品頁面和結帳流程的 WooCommerce 商店。
• 行銷人員可以 使用 Divi 進行 A/B 測試，並建立 SEO 友好的網站。
• 教育機構和非營利組織可以使用 Divi 創建多個網站，管理不同的部門或項目。

Divi 的關鍵功能

以下是 Divi AI 的關鍵功能：

• 拖放建置工具：無需編碼，前端和後端的實時視覺編輯。
• 主題建置工具：設計標題、底部、模板、404 頁面、博客文章、產品等。
• 佈局和模板：成千上萬的模板設計和啟動網站。
• 響應式控制：自訂桌面、平板和手機。
• 全局樣式：可重複使用的區段和同步設計更新。
• 高級選項：字體、顏色、間距、動畫、自訂 CSS。
• AI 工具：生成內容，加速建置。
• WooCommerce：20 多個模組，自訂商店和產品頁面。
• 儲存和管理：Divi Cloud 和 Dash，雲儲存和管理。
• 動態內容：自動插入標題、圖像、日期等。
• 豐富的模組庫：文字、圖像、表單、滑動窗、圖庫等，建置網站佈局。
• 性能：優化速度、SEO 和無障礙。

如何使用 Divi

以下是我安裝 Divi AI 外掛程式 並使用它生成整篇文章的步驟：

1. 註冊 Divi AI
2. 登入 Elegant Themes
3. 下載 Divi
4. 添加 Divi 外掛程式
5. 上傳和安裝 Divi 外掛程式
6. 啟用外掛程式
7. 調整 Divi 外掛程式設定
8. 生成文章
9. 使用 Divi 建置工具編輯
10. 開始建置
11. 使用 AI 生成佈局
12. 驗證您的 Elegant Themes 訂閱
13. 存取您的使用者名稱和 API 金鑰
14. 生成 API 金鑰
15. 驗證您的帳戶
16. 描述頁面
17. 選擇圖像和字體
18. 生成佈局

步驟 1：註冊 Divi AI

我首先前往 elegentthemes.com，然後前往「獲取 Divi AI」。

步驟 2：登入 Elegant Themes

在獲得 Divi Pro 後，我被重定向到登入 Elegant Themes。

步驟 3：下載 Divi

登入後，我被提供了兩種下載 Divi 的方式：

• Divi 主題（所有在一體的 WordPress 主題和頁面建置工具）
• Divi 建置工具外掛程式（視覺頁面建置工具）

如果您從頭開始建置網站，且想要使用 Divi 作為您的主題，請選擇 Divi 主題。如果您已經在 WordPress 網站上安裝了主題，且對其感到滿意，請下載 Divi 外掛程式。

在我的情況下，我已經在 WordPress 網站上安裝了我滿意的主題。因此，我選擇了「下載 Divi 外掛程式」。

步驟 4：添加 Divi 外掛程式

立即，Divi 外掛程式開始在我的電腦上下載。

從我的 WordPress儀表板，我將游標懸停在「外掛程式」上，然後前往「添加外掛程式」。

步驟 5：上傳和安裝 Divi 外掛程式

接下來，我點擊「上傳外掛程式」，選擇 Divi 外掛程式 ZIP 檔案，然後選擇「立即安裝」。

步驟 6：啟用外掛程式

從那裡，我點擊「啟用外掛程式」。

步驟 7：調整 Divi 外掛程式設定

安裝和啟用外掛程式後，我在 WordPress 儀表板中注意到了一個新的「Divi」菜單項目。這是我可以調整外掛程式設定、創建網站模板、添加佈局和分配的位置。

步驟 8：生成文章

接下來，我想使用 Divi 生成一篇文章。我前往我的文章，選擇了一篇文章，然後選擇頂部的紫色 Divi 按鈕。

步驟 9：使用 Divi 建置工具編輯

接下來，我選擇了「使用 Divi 建置工具編輯」。

步驟 10：開始建置

這將我帶到了視覺建置工具，我可以在那裡開始使用 Divi 建置，或者參加導覽。我決定直接開始建置。

步驟 11：使用 AI 生成佈局

Divi 向我提供了三個選項，讓我開始建置：

1. 使用現有內容：在使用 Divi 建置工具的同時保留現有的頁面內容。
2. 選擇預製佈局：從數百個預製佈局中選擇，使用您儲存的佈局，或者複製現有的頁面。
3. 使用 AI 建置：描述您的頁面內容，讓 Divi AI 按一下按鈕就能為您建置頁面。

當然，我最感興趣的是第三個選項：使用 AI 建置。這不僅是使用 Divi 建置的最簡單方式，而且我想看看 Divi AI 能夠做什麼。

步驟 12：驗證您的 Elegant Themes 訂閱

在使用 Divi AI 生成文本之前，我需要使用 API 金鑰和使用者名稱驗證我的 Elegant Themes 訂閱。

步驟 13：存取您的使用者名稱和 API 金鑰

要找到我的使用者名稱和 API 金鑰，我登入我的 Elegant Themes 帳戶，將游標懸停在「帳戶」上，然後選擇「使用者名稱和 API 金鑰」。

步驟 14：生成 API 金鑰

在底部，我選擇了「生成新的 API 金鑰」。

步驟 15：驗證您的帳戶

從那裡，我複製並粘貼我的使用者名稱和 API 金鑰到 WordPress 中的空白欄位，然後點擊「提交」。

步驟 16：描述頁面

接下來，Divi 要求我描述我想創建的頁面。可選擇地，我可以描述我的網站。為了獲得最佳結果，我建議同時提供這兩個。

以下是我給 Divi 的提示：

「創建一個 Kittl 評測，包括判斷、優點、缺點、它是什麼、誰最適合、其關鍵功能、如何使用它，以及前三個替代方案。」

我還向 Divi 提供了對我網站的描述：

「本網站提供最佳的設計工具、資源和靈感，均由平面設計師評級和評測。」

步驟 17：選擇圖像和字體

還有三種類型的圖像我可以讓 Divi 在我的頁面上使用：

1. 股票圖像
2. AI 生成的圖像
3. 佔位圖像

最後，我可以自訂頁面的字體和顏色。

我決定讓 AI 生成圖像，並選擇顏色和字體，看看它會產生什麼。

填寫完所有內容後，我點擊了「生成佈局」。

步驟 18：生成佈局

幾分鐘後，Divi 生成了一整篇文章，具有完整的可自訂佈局。我可以懸停在任何區塊上，移動它、複製它、刪除它等等。我還可以存取設定以更新內容和設計。

雖然結果不夠完美，內容需要事實核查，但 Divi AI 外掛程式證明是一個強大的工具，用于啟動內容創作和設計。它節省了時間，提供了結構，並使自訂每個細節變得容易，而無需從頭開始。

前三個 Divi 替代方案

以下是我推薦的最佳 Divi 替代方案。

Wix

我推薦的第一個 Divi 替代方案是 Wix。Wix 是一個用戶友好的網站建置工具，具有拖放編輯，適合那些沒有太多技術網頁設計經驗的人。

一方面，Wix 以其 全方位的主機解決方案 而著名。這意味著 您不需要管理主機或維護，並且包含了 AI 網站建置工具，用于 AI 協助的網站創建。

另一方面，Divi 提供了更高級的設計選項，具有前端和後端建置工具、全站主題建置工具和與 WordPress 外掛程式和 WooCommerce 的集成。

如果您想要一個全方位的主機解決方案和 AI 協助的設計，請選擇 Wix。對於完整的創作控制和 WordPress 集成，請選擇 Divi！

訪問 Wix 或閱讀我的 Wix 評測！

B12

我推薦的下一個 Divi 替代方案是 B12。B12 是一個 AI 平台，旨在幫助企業快速建置和啟動具有專業外觀的網站，無需太多技術技能。

B12 使用 AI 加速設計和內容創作。它是任何想要快速生成具有內置 SEO 的專業網站的人的絕佳選擇。

與此同時，Divi 以其視覺建置工具和自訂選項而著名。Divi 使創建具有個人化風格的網站變得容易，並對每個元素都具有完全的控制權。它還 集成了 WooCommerce 和 大量的預製佈局。

對於深度設計自訂和對網站元素的完全控制，請選擇 Divi。對於即時的 AI 網站創建，請選擇 B12！

Brizy

我推薦的最後一個 Divi 替代方案是 Brizy。Brizy 使創建具有吸引力和響應式的網站變得容易，具有拖放編輯、180 多個預製模板和乾淨的介面。

Brizy 著重於簡單和速度。它還提供雲端協作和更輕、更快的性能。

與此同時，Divi 以其 主題建置工具 而著名，提供了對標題、底部和模板的完全控制。它還 支持 WooCommerce，具有專用的電子商務模組和全局樣式功能。

對於完整的設計控制、自訂模板和強大的 WooCommerce 支持，請選擇 Divi。否則，請選擇 Brizy，以獲得速度、簡單和協作！

Divi 評測：適合您的工具？

在親自測試 Divi 後，我可以自信地說它在靈活性和易用性之間取得了良好的平衡。拖放建置工具、成千上萬的模板和自訂選項給了我比大多數工具更大的控制權。另外，AI 功能幫助我更快地建置。

對我來說，Divi 是一個很好的選擇，因為我重視創作自由、深度自訂和無需編碼即可擴展項目的能力。然而，如果您對最佳的 Divi 替代方案感興趣，以下是我會推薦的：

• Wix 是一個全方位的主機解決方案，具有 AI 協助的設計和無需技術設置。
• B12 最適合快速創建具有內置 SEO 的專業商業網站。
• Brizy 是一個簡單、快速、輕量級的建置工具，具有協作功能。

感謝您閱讀我的 Divi 評測！我希望您覺得它有幫助。試用 Divi 主題 或外掛程式建置工具，看看您喜不喜歡！

常見問題

Divi 的缺點是什麼？

Divi 的缺點包括可能會讓初學者感到不知所措，原因是它的功能太多。如果不優化，可能會比一些競爭對手慢，特別是在大型或複雜的網站上。

Divi 是否比 Wix 更好？

Wix 最適合初學者，想要一個全方位的網站，具有模板和 AI 協助。與此同時，Divi 更適合完整的設計控制、自訂和 WordPress/WooCommerce 集成。

Divi 是否比 Squarespace 更好？

Divi 更適合完整的自訂、對每個設計元素的控制和 WooCommerce 集成。 Squarespace 更適合全方位的主機解決方案，具有快速設置的模板。

Divi 是否適合初學者？

是的，Divi 適合初學者。其拖放建置工具使得設計網站變得容易，而模板庫有助於快速創建專業網站。

Divi 是否使用 AI？

Divi 通过 Divi AI 集成了 AI 功能，Divi AI 是 Divi 5 和其視覺建置工具的一部分。使用 Divi AI，您可以使用簡單的提示生成文本、圖像、代碼片段，甚至整個網站。