2020 年 10 大拖放 WordPress 頁面構建器插件

近年來，WordPress 頁面構建器插件如雨後春筍般湧現，改變了網站開發過程的趨勢。 簡化 WordPress 定制，網站頁面構建器對初學者和專家來說都很方便。 它們可以在不使用任何代碼的情況下創建全新的網站佈局。

有幾個免費和高級的WordPress 頁面構建器插件，每個插件都提供獨特的功能。 在本文中，我將為WordPress編寫大約10 個最佳頁面構建器插件。 但在列出列表之前，我想簡要介紹一下 WordPress 頁面構建器，以防您之前沒有聽說過。

什麼是 WordPress 頁面構建器？

WordPress 頁面構建器是一個插件，可讓您靈活地使用拖放編輯器更改網頁的結構和設計佈局。

您無需編寫代碼，只需將預先製作的小部件拖放到內容區域（頁面/帖子）中，重新排列它們並構建漂亮的頁面。 通過這種方式，您可以創建與主題中提供的默認模板完全不同的獨特頁面。

頁面構建器提供了一個高級頁面編輯器，它看起來與 WordPress 中的默認帖子/頁面編輯器不同。 您不需要使用帶有 HTML 組件的“文本”視圖或帶有實際內容預覽的“可視”模式，而是使用一個更簡單的編輯器，您可以在其中添加預製小部件、內容塊和組件。

它的功能就像WordPress 主題的小工具側邊欄。 要在側邊欄中添加所需的內容，您只需拖放小部件即可立即為側邊欄賦予新外觀。 同樣，頁面構建器允許您在頁面中以小部件的形式添加任何類型的內容。 添加任意數量的小部件，按行和列組織它們，只需通過拖放即可重新排序和重新排列。

您可以使用默認的 WordPress 小部件、主題中提供的小部件、頁面構建器插件中的其他小部件或根據需要創建自己的小部件。

網絡上有很多頁面構建器，因此用戶有很多選擇。 免費和高級頁面構建器都可用，其中一些是基本和簡單的，而另一些則塞滿了許多選項、模塊和小部件。 此列表包含最受歡迎、評價最高、最暢銷的頁面構建器。

讓我們來看看 2020 年最好的 WordPress 頁面構建器。

1. Elementor Page Builder（1 個站點免費 + 高級 49 美元）

Elementor 是一個強大的拖放頁面構建器。 您可以使用此插件立即創建高端、像素完美、響應式網站。 該插件包含28 個非常有用且令人驚嘆的小部件，可作為創建令人驚嘆的網頁的強大元素。 該插件還允許您使用主題和其他插件附帶的所有現有標準 WordPress 小部件和自定義小部件。

Elementor 是一個真正的實時編輯器。 如上面的媒體所示，您可以簡單地拖放所需的小部件，並在實時預覽模式下創建您想要的設計。 網頁的編輯和預覽同步進行。

元素的主要特點：

1. 完全自定義佈局：您可以按照自己喜歡的方式完全自定義網頁：完全控制部分的寬度和高度、列的大小、列和內容位置、填充和邊距設置、列間距等。
2. 模板庫：有 20 多個漂亮的頁面模板，專為專業外觀而設計。 您可以選擇其中任何一個，並在幾秒鐘內設計您的頁面。 此外，您可以自定義和保存自己的模板，並在以後重複使用。

優點：

1. 大量的小部件：帶有 28 個小部件，足以自定義網頁。 您可能不需要更多小部件。
2. 平板電腦和手機的特定設置：Elementor 插件允許您進行僅影響那些特定版本的特定調整和設計更改。
3. 可用的高級版本：插件的高級版本帶有添加的小部件和高級功能。 隨著網站的發展，您可能需要更高級的設計更改，因此升級選項可能是一個優勢。

缺點：

1. 很多選擇：如果您是 WordPress 初學者，這可能會讓您感到困惑或不知所措。
2. 不適用於舊版本的 WordPress 和 PHP：僅當 WordPress 版本至少為 4.4 且 PHP 版本為 5.4 時，Elementor 插件才適用於您的網站。

免費下載插件 查看高級版

2. SiteOrigin 的頁面構建器（免費）

SiteOrigin 的頁面構建器是 WordPress 最受歡迎的免費頁面構建器插件，活躍安裝量超過一百萬。 它提供了一個簡單的內容創建界面，用於使用小部件創建響應式頁面佈局。 它與標準 WordPress 小部件以及您可能使用的特定主題和插件中提供的其他小部件完美配合。 該插件適用於大多數 WordPress 主題和插件，如果您想對現有的主題佈局進行一些設計更改，這對您來說是個好消息。

如上面的屏幕截圖所示，您可以在內容區域中拖放可用的小部件，重新排序，輕鬆地重新排列它們。 此外，您可以自定義三個類別的小部件樣式：屬性、佈局和設計。 您可以輕鬆更改小部件屬性，例如填充、背景顏色和列間距。

SiteOrigin Page Builder 的主要功能：

1. 方便的行生成器：根據需要添加任意數量的行，將行拆分為精確的列數，並為每列提供精確的權重。
2. 實時編輯和歷史瀏覽器：通過實時預覽實時編輯小部件和您的內容。 歷史記錄工具允許您向前和向後滾動更改。

優點：

1. 免費插件：這是一個免費插件。 你會節省一些錢。
2. 簡單易用的界面：無需編寫任何代碼即可構建獨特且令人驚嘆的網頁。
3. 與任何小部件的兼容性：帶有一些自己的小部件。 此外，它允許您使用任何標準的 WordPress 小部件和任何自定義小部件。 您還可以使用SiteOrigin Widgets Bundle ，它包含20 個有用的小部件。

缺點：

1. 有限的小部件：與其他頁面構建器相比，它的小部件有限。 您需要為更多小部件安裝其他插件。
2. 基本實時編輯： SiteOrigin 的頁面構建器有一個非常基本的實時編輯器，它不像其他高級頁面構建器那樣先進。

了解更多並下載插件

3. WordPress 的 WPBakery 頁面構建器（高級版 64 美元）

WPBakery Page Builder for WordPress （以前稱為Visual Composer ）是CodeCanyon 上最暢銷的頁面構建器插件。 它為網絡上超過 200 萬個網站提供支持。 該插件提供前端和後端內容編輯體驗。 最重要的是，它不僅僅是一個後端編輯工具，還是一個功能豐富的 WordPress 前端編輯器。 前端編輯體驗很棒。

該插件帶有50 多個預定義的內容元素，您可以將它們拖放到網站頁面的任何位置。 此外，還有100 多種預定義佈局可用於構建頁面。 該插件提供了最佳的頁面構建可能性。

Visual Composer 的主要特點：

1. 前端和後端內容編輯：您可以使用此插件體驗前端和後端編輯。
2. 廣泛的內容塊、佈局和附加組件：有多個內容元素、佈局和選項，可使用 150 多個獨家第三方附加組件。

優點：

1. WooCommerce 兼容：該插件與 WooCommerce 插件有很好的集成。 構建電子商務頁面非常簡單。
2. SEO友好：插件對Yoast SEO插件有很好的支持和兼容性。

缺點：

1. 不適合初學者：使用此插件不需要任何編碼知識，但對於初學者來說可能會讓人不知所措。 它有許多您可能永遠不會使用的模塊。
2. 基於簡碼：如果您卸載插件，您將丟失整個內容或內容將停止工作。

了解更多並下載插件

4. Divi Builder（高級版 89 美元）

Divi Builder 是Elegant Themes 的一個很棒的頁面構建器插件。 它是流行的Divi主題背後的強大工具，現在可用於任何其他主題。 該插件提供了高度直觀的拖放界面。 您可以在不接觸任何代碼的情況下可視化地構建幾乎任何東西。 有40 多個設計精美的內容塊/模塊，您可以拖放、混合和匹配並構建令人驚嘆的網頁。

此外，它有 20 多個很棒的預製佈局。 您可以選擇合適的佈局並開始構建頁面。

Divi Builder的主要特點：

1. 無限的佈局可能性：使用 3 個部分類型、20 行類型和 40 多個內容模塊創建任何類型的設計。
2. 添加自定義 CSS ：如果您擅長編寫漂亮的 CSS 代碼，請親自動手。 它有自定義 CSS 的選項。

優點：

1. 開發人員友好的終極頁面構建器：該插件有很多選項，可讓您構建任何您可以想像的任何設計。 它對開發人員友好，適用於專業網站。

缺點：

1. 不適合初學者：首先，您不能僅購買此插件。 您必須至少購買帶有對所有主題和插件的訪問權限的年度訪問包。 這是相當昂貴的，因為年度訪問的最低成本是 89 美元。

我們的看法：如果您計劃為您的客戶或代理機構建立多個網站，這是一個完美的選擇。 您將獲得此頁面構建器以及 Elegant Themes 的許多其他插件和主題。

了解更多並下載插件

5. Beaver Builder（標準計劃免費+高級99美元）

Beaver Builder 是WordPress的高級視覺內容構建器。 它允許您構建和設計漂亮的頁面，以及完全拖放支持的網站帖子。 使用Beaver Builder插件，您可以實時預覽編輯前端； 根據需要添加行、重新排序和調整列大小。 您可以找到該插件的免費和付費版本​​。

該插件允許您添加音頻、HTML、照片、文本編輯器和視頻作為基本模塊和側邊欄作為高級模塊。 Beaver Builder 插件適用於任何自定義主題和插件。 您可以使用 WordPress 小部件以及其他自定義小部件來構建漂亮的頁面。

海狸生成器的主要特點：

1. 內容模塊：添加您喜歡從可用內容模塊中選擇的任何類型的內容； HTML、照片、文本編輯器、音頻、視頻和側邊欄。
2. 移動友好/響應式：使用 Beaver Builder 插件構建的頁面將 100% 響應（確保主題完全響應）。
3. 可重用模板：它有幾個漂亮的頁面模板可供您使用。 此外，您可以保存您設計的模板並在之後重新使用它們。

優點：

1. WooCommerce 支持：Beaver Builder 與 WooCommerce 插件有更深入的集成。 使用此插件設計電子商務頁面非常容易。
2. 開發人員友好：開發人員可以通過小部件或使用強大的自定義模塊樣板輕鬆擴展和自定義插件。

缺點：

1. 免費版本中的模塊數量有限：Beaver Builder 插件在免費版本中的模塊數量有限。 您需要升級到高級版本以獲取更多模塊。
2. 昂貴：最便宜的 Beaver Builder 計劃售價 99 美元。

免費下載插件 查看高級版

6. Live Composer 頁面生成器（免費）

Live Composer 是一個功能豐富的高級版 WordPress 頁面構建器插件。 它是一個 WordPress 前端編輯器，可讓您輕鬆編輯您的網站。 該插件是完全免費的，但提供了許多高級功能，使您能夠立即創建令人驚嘆的網頁。 有超過30 個很棒的內容模塊，具有完整的拖放支持。 該插件可讓您通過實時預覽實時創建令人驚嘆的頁面。

該插件為您提供每一行、每一列、小部件或模塊的高級定制選項。 所有選項對於非編碼用戶來說都很容易，而自定義 CSS 框也可供設計師和開發人員使用。

Live Composer 的主要特點：

1. 實時前端編輯：顧名思義，它提供了一個驚人的前端實時內容編輯器。 您將同時看到您所做的設計。
2. 導入、導出部分和佈局：您可以導出部分或頁面，並在其他頁面中導入它們。 它使您的任務更快。

優點：

1. 強大的免費插件：您可以免費獲得這個高級插件。 所有令人驚嘆的模塊和样式選項都在 Live Composer 插件中，讓您想起高級插件。

缺點：

1. 分散新手注意力：該插件對於新手來說似乎非常困難且分散注意力。 添加行很容易，但分成列可能需要時間。 在底部，有一個通知欄，顯示 Live Composer 更新，例如可能會分散您注意力的廣告。

了解更多並下載插件

7. Themify Builder（免費+高級39美元）

Themify Builder 是另一個強大的 WordPress 頁面構建器。 您可以使用直觀的拖放框架輕鬆構建響應式網站佈局。 該插件可免費使用，也有付費版本。 該插件的免費版本中有超過 20 個有用的模塊。 您可以在後端界面和前端模式下輕鬆拖放模塊。

此外，該插件允許您在必要時導入和導出模塊/佈局、複製和粘貼或複制現有模塊。

Themify Builder的主要特點：

1. 簡單且響應迅速的行和列：輕鬆創建具有響應行和列的網格。 根據需要調整列的大小和重新排序。
2. 自定義樣式：您可以自定義各種樣式選項，包括 Google 字體、背景顏色、填充、邊距、邊框等。

優點：

1. 初學者友好的實時編輯：Themify Builder 插件具有簡單乾淨的界面。 沒有編碼經驗的初學者也可以享受簡單的實時編輯體驗。

缺點：

1. 免費版本中的有限選項：它是免費的，但在免費版本中具有有限的功能和模塊。

了解更多並下載插件

8. MotoPress 內容編輯器（免費 + 高級版 29 美元）

MotoPress 內容編輯器是另一個用於構建漂亮網頁的簡單 WordPress 插件。 您可以將插件與您當前使用的任何主題一起使用。 它是一個 WordPress 前端編輯器，為您提供一個帶有30 多個內置內容模塊的簡單界面。 沒有編碼技能的任何人都可以使用此插件創建獨特的設計網頁。

使用此插件可以更好地安排內容模塊。 如上圖所示，您會在“T”文本框中找到所有可用的文本相關模塊，在圖像框中找到圖像相關模塊等等。

MotoPress 內容編輯器的主要功能：

1. 響應式移動就緒佈局：您可以使用此插件創建完全移動響應式 Web 佈局。
2. 30 多個內置內容模塊：使用 30 多個內置內容模塊設計您的網頁。

優點：

1. 適用於您現有的頁面和帖子：您可以在現有頁面和帖子上啟用可視化編輯器並重新設計它們。 大多數其他頁面構建器不支持在現有頁面中進行編輯。

缺點：

1. 模塊的自定義和样式有限：模塊有一些設置和样式選項，但它們不像其他頁面構建器那樣靈活。

免費下載插件 查看高級版

9. 基石（收費 $39）

Cornerstone 是 CodeCanyon 插件市場上提供的高級 WordPress 頁面構建器插件。 它是那裡最受歡迎的插件之一。 它是 100% 的前端頁面構建器，適用於頁面和帖子。 這種方法使您的任務更快，減少了保存更改並在另一個選項卡/窗口中預覽時可能花費的時間。 它有40 多個元素，可以將它們拖放到頁面中的任何位置。

基石的主要特點：

1. 基石頁面和塊模板：該插件帶來了一些預先構建的頁面模板，讓您以光速構建令人驚嘆的頁面。
2. 令人難以置信的應用程序-類似界面：它具有整潔而直觀的界面，因此用戶會受到啟發。

優點：

1. 易用性： Cornerstone 插件相對簡單，界面簡潔。
2. 實時 CSS 編輯：如果您是具有良好 CSS 技能的專業網頁設計師，那麼該插件非常適合您。 您可以添加帶有實時預覽的 CSS 樣式。

缺點：

1. 較少的元素定制：與其他高級頁面構建器（如 Divi Builder）相比，它的元素定制選項較少。
2. 簡碼：像大多數頁面構建器一樣，它是基於簡碼的。 當您卸載插件時，頁面內容可能會停止工作。

了解更多並下載插件

10. Page Builder Sandwich（單個站點免費 + 高級 39 美元）

Page Builder Sandwich 是另一個令人驚嘆的WordPress 前端編輯器。 該插件有免費版和付費版。 有10 多個內容塊，您可以添加列。 此外，該插件支持所有其他標準 WordPress 小部件和自定義小部件。 付費版本中有大量模塊。

Page Builder Sandwich 的主要特點：

1. 全局短代碼映射：映射來自 WooCommerce、NextGEN Gallery、JetPack 等流行 WordPress 插件的短代碼，允許您在頁面中輕鬆添加和編輯。
2. 簡直就是最好的現場編輯：它有一個簡單易用的前端編輯界面。 您可以輕鬆拖放元素並添加自定義內容並同時預覽設計。

優點：

1. 無需編碼：該插件是完全拖放式內容編輯器，無需編寫任何代碼即可創建漂亮的頁面。

缺點：

1. 免費插件中的有限模塊：該插件也有免費版本，但內容元素有限。 它要求您升級到高級版本以解鎖其他功能。

免費下載 查看高級版

包起來

如今，使用頁面構建器已成為包括 WordPress 主題開發人員和用戶在內的所有人的趨勢。 如今，大多數新主題都帶有內置的頁面構建器集成和許多與之配合的小部件。 例如，您可以查看我們的Flash 主題，該主題與SiteOrigin 的頁面構建器和包含10 多個非常有用的小部件的配套插件Flash Toolkit進行了更深入的集成。 如果您正在開始一個新項目，像 Flash 這樣帶有內置頁面構建器的主題可能是一個優勢。

如果您想了解有關 Flash 主題的更多信息，請查看這篇文章“介紹 Flash – 最靈活的免費多用途主題”。

但是，如果您正在使用任何其他主題並想重新構建和重新設計頁面，這些頁面構建器插件可能會派上用場。 您可以根據需要安裝上述任何插件，並立即構建美觀的網站。

對這份名單有什麼意見嗎？

隨意寫在下面。