15 個最佳 Elementor 主題(以及何時使用它們)

已發表: 2022-04-05

使用 WordPress 頁面構建器可以讓您的工作更輕鬆。 使用 Elementor,您可以使用預先構建的元素和直觀的拖放構建器從頭開始設計完整的網站。 但是,並非所有主題都能與包括 Elementor 在內的每個頁面構建器配合使用。

一些主題旨在與 Elementor 開箱即用兼容。 使用對 Elementor 友好的主題意味著您在使用頁面構建器創建頁面或整個網站時會遇到更少(如果有的話)錯誤。

在本文中,我們將簡要介紹 Elementor 是什麼以及它是如何工作的。 我們將討論 Elementor 和 WordPress 主題之間的區別。 最後,我們將向您介紹 15 個我們最喜歡的 WordPress Elementor 主題。 讓我們開始吧!

什麼是元素?

Elementor 是一個 WordPress 頁面構建器插件。 它是市場上最受歡迎的選項之一,早在 Gutenberg Block Editor 出現之前,它就提供了基於塊的設計:

Elementor 頁面構建器網站
Elementor 頁面構建器

如今,Elementor 已經超越了普通插件。 數百萬人使用頁面構建器的免費版本,其中包括 40 多個免費小部件和模塊。 Elementor 甚至可以讓您訪問一組模板來啟動您的網站設計。

如果您使用 Elementor 的高級版本,您可以使用更廣泛的模板和高級模塊集合。 Elementor Pro 還帶有一個主題構建器,可讓您編輯主題樣式的各個方面。

主題構建器可以使用 Elementor 轉換幾乎任何主題。 但是,某些主題本質上設計為與頁面構建器兼容。 在下一節中,我們將討論與 Elementor 兼容的主題意味著什麼。

主要特點:

  • 拖放式可視化構建器
  • 完全響應式設計
  • 使用插件的免費版本訪問超過 40 個模塊(使用 Elementor Pro 訪問超過 90 個)
  • 大量現成的免費和高級模板
  • Elementor Pro 提供內置主題生成器

價格: Elementor 的免費版本是個人項目的絕佳選擇。 高級許可證起價為每年 49 美元。 它們為多個網站提供支持、專門的客戶支持以及對其他模塊/模板的訪問。

使用 WordPress 頁面構建器可以讓您的工作更輕鬆,並且使用 Elementor,您可以從頭開始設計完整的網站。 在本指南中了解更多信息️ 點擊推

Elementor 主題和 WordPress 主題之間的差異

Elementor 主題是 WordPress 主題,旨在與頁面構建器無縫協作。 從技術上講,您可以在 Elementor 旁邊使用任何 WordPress 主題。

但是,請注意一些流行的 WordPress 主題的描述。 您可能會注意到他們經常提到與哪些頁面構建器兼容。

那是因為有很多WordPress 頁面構建器可供選擇。 每個都提供不同的模塊集,並且它們的編碼不同。 與特定頁面構建器(例如 Divi 或 Beaver Builder)一起使用的主題在與其他工具一起使用時可能看起來完全不同。

一般來說,頁面構建器的最佳 WordPress 主題接近於空白。 這種簡單性使您可以完全控制每個元素的樣式。 但是,如果您使用頁面構建器(因為您是從頭開始設計所有內容),那麼具有最少樣式的主題需要更多的工作。

如果您想將 Elementor 用於多個項目,找到一個與該插件配合良好的主題將為您省去很多麻煩。 您甚至可能不需要為高級主題付費,因為有很多免費的 Elementor 友好選項。

安裝 Elementor 主題

Elementor 主題是 WordPress 主題。 這意味著安裝過程就像任何其他主題一樣工作。

如果您從 WordPress.org 安裝免費主題,您只需從儀表板中的外觀 > 主題 > 添加新選項卡中查找並安裝它。

事實上,Hello Elementor 是最早出現在搜索結果中的主題之一。 這是 Elementor 開發團隊的免費主題:

為 Elementor 添加新主題
安裝新的 Elementor 主題

對於存儲庫中不可用的主題,您可以使用上傳主題按鈕上傳它們。 在這種情況下,如果使用高級產品,您可能還需要購買許可證。

如果您已經在使用 Elementor,則需要了解主題和模板不是一回事。 您可以在安裝的任何主題之上使用 Elementor 模板。 模板只是現成的設計,您可以使用 Elementor 頁面構建器構建和導入。

2022 年 15 個最佳 Elementor 主題

在本節中,我們將簡要概述我們最喜歡的 Elementor 主題。 我們將涵蓋免費和高級選項,並幫助您確定哪一個最適合您的需求!

1. Hello Elementor(免費)

你好 Elementor 主題
你好元素

如果您不熟悉頁面構建器,我們建議您使用提供最少樣式的主題。 這樣,您就可以學習如何使用 Elementor 模塊並在空白板上查看它們的實際運行情況。

Hello Elementor 是 Elementor 背後的同一團隊的主題。 它簡約而輕巧。 該主題提供了非常輕巧的樣式,可以從頭開始創建頁面和自定義模塊,並且兼容性問題最小。

如果您想設計網站的各個方面,並且您並不是真的在尋找具有自己獨特外觀的主題,我們建議您使用 Hello。 此外,Hello 可以與任何 Elementor 模板無縫協作。

主要特點:

  • 最小的造型
  • 性能卓越的輕量級主題
  • 與 WooCommerce 兼容

價格: Hello Elementor 是一個免費主題。

2. GeneratePress(免費和高級)

生成新聞主題
生成新聞

GeneratePress 是一個關於兼容性的主題。 它旨在與盡可能多的插件和網站類型一起使用。 如果您為 GeneratePress Premium 付費,您甚至可以訪問名為 GenerateBlocks 的獨立頁面構建器插件。

GeneratePress 的免費版本與 Elementor 完美配合,並提供出色的網站性能。 使用 GeneratePress,您可以設計高級導航菜單,並與 Elementor 一起使用主題的內置佈局系統。

使用 GeneratePress 的最佳方面之一是其高級許可證可支持多達 500 個網站。 這使得這個主題非常適合與許多客戶合作的機構和自由職業者。

主要特點:

  • 與大多數插件完全兼容,包括 Elementor
  • 帶有自己的頁面構建器插件
  • 包括多種類型的導航菜單
  • 有多種頁面佈局選項可供選擇

定價: GeneratePress 有免費版本。 該主題的高級版起價為每年 59 美元。

3. OceanWP(免費和高級版)

OceanWP 主題
海洋WP

OceanWP 是一個從頭開始構建的主題,可與 Elementor 和塊編輯器一起使用。 它附帶了自定義 Elementor 模塊,您在頁面構建器的高級版或免費版中都找不到這些模塊。

除了 Elementor 兼容性之外,OceanWP 還具有內置功能,例如粘性標題、cookie 通知、用於登錄的彈出元素以及為客戶端主題添加白標籤的選項。 因此,它可能是代理商的絕佳選擇。

OceanWP 還提供自定義 Elementor 模板和完整的網站演示。 您可以在 OceanWP 網站上查看可用的模板和演示。 如果您是這些設計的粉絲,購買高級許可證可能是值得的。

主要特點:

  • 與 Elementor 和 Block Builder 完全兼容
  • 訪問自定義 Elementor 模塊
  • 粘性標題、cookie 通知、彈出登錄頁面和白標
  • 自定義 Elementor 模板和完整的網站演示

價格:有一個免費版本的 OceanWP。 高級許可證起價為每年 37 美元。

4. Hestia(免費和高級版)

赫斯提亞主題
赫斯提亞

Hestia 是單頁設計的主題。 如果您查看 Hestia 演示,您會發現它提供了商業網站所需的一切。 在一個頁面上,您可以談論您提供的服務、突出關鍵功能、炫耀產品,甚至包括有關您的團隊的信息。

自然,您可以將 Hestia 用於不止一頁設計。 該主題適用於最流行的頁面構建器插件,包括 Elementor。 它為入門網站提供了多種設置,並針對快速頁面加載時間進行了優化。

主要特點:

  • 商業網站和在線商店的一頁設計
  • 多個入門網站設計
  • 與 Elementor 和其他流行的頁面構建器插件兼容

價格: Hestia 的免費版本包含我們之前討論的所有功能。 高級許可證起價為每年 69 美元,並提供額外的入門網站設計和優先支持。

5.圖層(免費)

圖層元素主題
圖層

圖層被設計為任何人都可以輕鬆使用的主題。 這是您可以使用 WordPress 定制器完全配置和調整的首批主題之一。

2019 年,Elementor 收購了 Layers。 現在,它是一個完全免費的主題,旨在與 Elementor 無縫集成。 圖層使您能夠使用直觀的功能自定義您的網站,例如調整徽標大小、調整頁眉和頁腳的高度、控制菜單中的間距等等。

Layers 無法讓您開箱即用地自定義的所有內容,您都可以使用 Elementor 進行更改。 如果您想使用沒有太多裝飾的 Elementor 主題(而且是免費的),Layers 可能是一個不錯的選擇。

主要特點:

  • 直接使用 Elementor
  • 調整網站徽標的大小
  • 自定義頁眉、頁腳和導航菜單的高度和間距

價格: Layers 是一個免費的主題。

6. Zakra(免費和高級版)

Zakra Elementor 主題
扎克拉

Zakra 是一個多用途的主題。 它與大多數頁面構建器插件兼容,包括 Elementor。 為了讓您的生活更輕鬆,Zakra 附帶了超過 65 個頁面模板,您可以將它們與頁面構建器一起使用。

除了廣泛的模板集合之外,Zakra 還提供出色的性能並支持 Google AMP。 如果您正在處理與 Zakra 的現成模板之一相吻合的項目,則可以從使用此主題中受益。

主要特點:

  • 超過 65 個頁面模板
  • 與 Elementor 和其他頁面構建器兼容
  • 開箱即用的出色性能
  • AMP 就緒

價格: Zakra 主題有免費版本。 高級許可證起價為每年 69 美元,並提供對其他模板和自定義選項的訪問權限。

7. Astra(免費和高級版)

阿斯特拉主題
阿斯特拉

Astra 因其性能而在 WordPress 主題中有些出名。 這個輕量級主題始終在 WordPress 網站的最快加載選項中得分。 如果您擔心加載時間並且不想花太多時間優化您的網站,這將是一個絕佳的選擇。

使用 Astra,您可以與大多數 WordPress 頁面構建器完全兼容。 該主題還提供了大量的網站演示和頁面模板,根據您使用的頁面構建器提供不同的選項。

Astra 帶有一個拖放式構建器,可以編輯您網站的頁眉和頁腳。 您也可以使用 Elementor Pro 做到這一點。 不過,如果您使用的是 Elementor 的免費版本,Astra 構建器是一個不錯的選擇。

主要特點:

  • 輕量級和以性能為導向的 WordPress 主題
  • 與 Elementor 和其他頁面構建器兼容
  • 訪問大量網站演示和頁面模板
  • 網站頁眉和頁腳的拖放構建器

價格:有免費版的 Astra。 高級許可證的起價為每年 49 美元,包括對其他自定義選項的訪問。

8.自定義(免費和高級)

自定義主題
自定義

Customify 是一個主題,它為您提供多種方式來編輯和自定義您的網站設計。 如果您不是頁面構建器的粉絲,您可以使用 WordPress 定制器更改主題外觀的幾乎任何方面。 因此,如果您想要一種用戶友好的方式來創建一個獨特的網站,它可能是一個很好的選擇。

此外,Customify 適用於所有主要的 WordPress 頁面構建器插件,包括 Elementor。 該主題提供了廣泛的網站演示和頁面模板集合,您只需單擊幾下即可導入。

使用自定義,您還可以訪問頁眉和頁腳拖放構建器。 就像 Astra 一樣,如果您沒有插件的高級許可證,則可以使用此構建器而不是 Elementor 的主題構建器工具。

主要特點:

  • 使用 WordPress 定制器或頁面構建器(例如 Elementor)調整主題設計
  • 訪問預建的網站演示和頁面模板
  • 使用拖放構建器編輯主題的頁眉和頁腳

價格: Customify 有免費版本。 高級許可證起價為每年 59 美元。 使用高級計劃,您可以訪問其他自定義選項和優先支持。

9. 悉尼(免費和高級版)

悉尼主題
悉尼

悉尼主題帶有 Elementor 的官方推薦。 使用悉尼,您可以使用多種標題和菜單設計。

該主題包括多個博客文章佈局選項和多種按鈕樣式選擇。 因此,悉尼可能是基於博客的網站的絕佳選擇。

最重要的是,您可以完全兼容 Elementor。 悉尼還提供多個網站演示和頁面模板,您可以使用頁面構建器導入和自定義。 為了讓這項工作更輕鬆,Sydney 讓您可以訪問在插件的免費或高級版本中找不到的新 Elementor 小部件。

主要特點:

  • 其他 Elementor 模塊
  • 菜單和標題設計的多個選項
  • 幾個博客文章佈局
  • 按鈕的多種樣式選擇

價格: Sydney 有免費版本。 高級許可證起價為每年 69 美元,包括訪問額外的 Elementor 模塊和頁面模板。

10.木星(高級)

木星主題
木星

Jupiter 是 WordPress 主題之一,擁有最廣泛的預建網站佈局集合。 借助 Jupiter,您可以從 450 多種完整的網站和頁面設計中進行選擇,所有這些都可以進行定制。

因停機時間和 WordPress 問題而苦苦掙扎? Kinsta 是旨在節省您時間的託管解決方案! 查看我們的功能

該主題提供了幾個內置的自定義選項,但它最適合 Elementor。 如果您使用 Elementor,您還將獲得一個龐大的現成頁面部分庫,包括定價表、標題等。

Jupiter 附帶了一個強大的菜單和彈出窗口生成器。 當您將這些功能與其預先構建的設計相結合時,您將獲得一個可以讓網站在創紀錄的時間內啟動和運行的主題。 如果您想快速創建自定義站點,我們推薦 Jupiter。

主要特點:

  • 超過 450 個現成的網站演示和頁面模板
  • 使用 Elementor 訪問預構建的頁面部分
  • 內置菜單和彈出式構建器

價格: Jupiter 許可證起價為 59 美元,為期 6 個月。

11. Avas(高級版)

Avas 主題
阿瓦斯

Avas 自稱是一個多用途的 Elementor 主題。 使用 Avas,您可以獲得一個輕量級主題,其中包含大量預建網站設計(近 60 個選項)。

Avas 的 Elementor 集成大放異彩。 該主題提供了您會發現的最大的額外 Elementor 模塊選擇之一。 如果您使用 Avas,您還可以訪問 60 多個新的 Elementor 小部件來自定義您的網站。

除了這些功能之外,Avas 還允許您在多個標題選項之間進行選擇。 另外,主題附帶 Slider Revolution 插件。 因此,如果您的網站內容高度可視化,它可能是合適的。

主要特點:

  • 近 60 個網站演示和模板
  • 超過 60 個新的 Elementor 模塊
  • 多個標題選項
  • 滑塊革命插件

價格: Avas 許可證起價為 35 美元,為期 6 個月。

12.業力(高級)

業力主題
業力

Karma 是一個多用途主題,內置“皮膚”管理系統。 這意味著該主題允許您使用內置工具自定義顏色、字體、頁眉和頁腳樣式。 因此,如果您的企業擁有強大的視覺品牌,這可能是一個很好的選擇。

除了內置的自定義選項之外,Karma 還可以與 Elementor 完美配合。 該主題提供超過 250 個頁面佈局和模板,您可以使用頁面構建器導入和自定義。

主要特點:

  • 包括 250 多種與 Elementor 兼容的頁面佈局和模板
  • 使用內置工具自定義顏色、字體、頁眉和頁腳樣式

價格: Karma 許可證起價為 48 美元,為期 6 個月。

13. Phlox Pro(高級版)

Phlox Pro Elementor 主題
福祿考臨

如果非要用一個詞來形容 Phlox Pro,那就太浮華了。 這個多功能主題帶有 80 多個頁面模板,您可以將它們與 Elementor 一起使用。

這些模板中的每一個都具有帶有動畫和顏色的現代設計,使它們在視覺上脫穎而出。 我們向具有引人入勝的媒體元素的網站推薦此 Elementor 主題。

使用 Phlox Pro,您可以獲得大量適用於 Elementor 的附加模塊。 該主題提供了 160 多個與頁面構建器配合使用的新元素,打開了一個自定義選項的世界。

除了與 Elementor 的集成之外,Phlox Pro 還與 WPBakery Page Builder 配合得很好。 該主題還通過 WordPress 定制器提供了大量的編輯選項。

主要特點:

  • 使用 Elementor 的 60 多個頁面模板
  • 超過 160 個新的 Elementor 模塊
  • WordPress 定制器的其他樣式選項

價格: Phlox Pro 許可證起價為 39 美元,為期 6 個月。

14. Bifrost(高級)

彩虹橋主題
彩虹橋

如果您喜歡極簡設計,Bifrost 是一個不錯的主題選擇。 該主題是為與 Elementor 一起使用而構建的。 它提供了大量的自定義選項,其中包含 50 多個添加到頁面構建器的模塊。

使用 Bifrost,您可以使用獨特的分隔線來分隔頁面中具有不同形狀設計的部分。 該主題還為博客和投資組合佈局提供了多種選擇,使其成為任何類型項目的絕佳選擇。

主要特點:

  • 向 Elementor 添加超過 50 個模塊
  • 使用形狀分隔線使用獨特的形狀分隔頁面部分
  • 從博客和投資組合佈局的多個選項中進行選擇

價格: Bifrost 許可證起價為 59 美元,為期 6 個月。

15. 森林人(高級版)

森林人主題
護林員

Forester 是一個 WordPress 投資組合主題,專為與 Elementor 一起使用而設計。 與我們列表中的大多數其他主題不同,這個主題完全專注於一個項目利基。

借助 The Forester,您可以訪問多種類型的投資組合的現成設計。 它們包括攝影網站、簡歷網站、業務組合、單頁設計等選項。

The Forester 的大部分設計都嚴重依賴視差,如果您喜歡這種風格,則使主題成為一個不錯的選擇。 Forester 還免費附帶了 Revolution Slider 插件。

主要特點:

  • 投資組合網站的多個模板
  • 大多數模板都包含視差設計
  • 革命滑塊插件

價格: Forester 高級許可證起價為 44 美元,為期 6 個月。

了解 Elementor 和 WordPress 主題之間的區別。 並在本指南中為 WordPress 找到 15 個漂亮的 Elementor 主題️ Click to Tweet

概括

Elementor 是一個如此著名的頁面構建器,以至於有一個完整的 WordPress 主題生態系統可以與之配合使用。 Elementor 主題可以使用頁面構建器插件輕鬆自定義網站設計的各個方面。

如果您對使用哪個 Elementor 主題猶豫不決,Hello Elementor 和 Astra 是兩個不錯的入門選擇。 這兩個主題都有免費版本。 此外,它們是輕量級的,具有簡約的樣式設置,使您能夠從頭開始構建 Elementor 項目。

選擇一個漂亮的主題只是創建 WordPress 網站的一部分。 您還需要一個強大的託管服務提供商。 查看我們的託管託管計劃以了解更多信息!