2022 年 Elementor 的 14 個最佳輕量級 WordPress 主題
已發表: 2021-11-08尋找與 Elementor 結合的最快 WordPress 主題? 好主意! Elementor 是世界上頂級的 WordPress 頁面構建器之一,當與最快的 WordPress 主題之一結合使用時,它是一個強大的組合!
具有小文件大小和結構良好的代碼的輕量級主題可生成更快的網站,並在搜索引擎中具有更好的性能。
只需選擇正確的 WordPress 主題,您就可以為您的網站提供 SEO 提升、改善用戶體驗並提高轉化率。
而且,由於您將使用像 Elementor 這樣功能強大的頁面構建器,因此您不必擔心選擇具有許多花哨功能的主題,因為您可以添加自己的功能。
但哪個是 Elementor 最快的 WordPress 主題?
在本文中,我們將引導您了解一些您能找到的最佳輕量級主題。 它們將您正在尋找的速度與我們喜歡的易用性相結合,並與 Elementor 完全兼容。
首先,讓我們通過一些行話來工作。
- 最快的 WordPress 主題有什麼特別之處?
- Elementor 的頂級輕量級和快速 WordPress 主題
- 1. 阿斯特拉
- 2.生成新聞
- 3. 扎克拉
- 4.二十二十一
- 5.海洋WP
- 6.頁面構建器框架
- 7.尼芙
- 8. 你好
- 9. 悉尼
- 10. 自定義
- 11. 卡瓦
- 12. 架構
- 13.塊狀
- 14. 卡登斯
- 那麼哪個是 Elementor 最好的輕量級和最快的 WordPress 主題?
最快的 WordPress 主題有什麼特別之處?
WordPress 主題由四種主要類型的代碼組成。
這些都是:
- 超文本標記語言(HTML) – 確定主題的結構
- 級聯樣式表(CSS) – 用於將樣式應用於網站的各種元素
- Javascript , – 用於創建或修改視覺動態元素的行為,例如滑塊
- 超文本預處理器(PHP) – 控制 WordPress 行為的底層動態
並非所有網站都使用所有四種類型的代碼,但它們都會影響您網站的加載速度。
以下是您應該了解的每一個:
HTML
HTML 很簡單,通常很容易保持簡潔。 正確編碼的 WordPress 主題使用正確的文檔結構、符合標準的標記、縮進代碼和其他最佳實踐來保持其 HTML 整潔。
CSS
CSS是一個不同的野獸。 鑑於網頁上的每個元素都可能需要大量獨特的樣式,CSS 樣式表(編寫和加載 CSS 的地方)很容易變得臃腫並拖累您的網站。
WordPress 網站加載 CSS 樣式表的方式也存在挑戰。
當用戶第一次點擊您的網站時,會加載網站的整個樣式表。 不僅適用於您正在查看的頁面,還適用於整個網站。
這意味著大量不必要的 CSS 會一次加載,這會增加感知加載時間。
加載 CSS 實際上並不會減慢頁面本身的速度,但會延遲頁面的可見性和可用性。 這會產生加載緩慢的感覺,即使不是這樣。
這種現象稱為渲染阻塞 CSS。 當 CSS 文件的加載停止瀏覽器呈現頁面時。
由於 CSS 是必需的,因此即使是最好的編碼主題也無能為力,但您可以按照一些簡單的提示將渲染阻塞 CSS 降至最低。
例如,最好的輕量級主題通過盡可能多地去除不必要的樣式來彌補這一點,允許使用較小的 CSS 樣式表和更快的加載速度。
您還可以延遲加載 CSS、縮小它或內聯關鍵 CSS。
JavaScript
然後是 JavaScript,這是主題加載緩慢的更多問題所在。 JavaScript 可以是一種複雜的編碼語言。 為了簡化其使用,大多數 WordPress 開發人員依賴於一個名為 JQuery 的 JavaScript 庫。
JQuery 的問題在於,當一個主題依賴於它時,整個 jQuery 庫必須與構成主題的其他核心文件一起加載。
這會顯著延長加載時間。 這就是為什麼最快的 WordPress 主題盡可能避免使用 jQuery 的原因。
相反,最佳實踐是以老式方式編寫任何 JavaScript,而不使用 JQuery。 這稱為香草 Javascript。
PHP
最後,還有 PHP。 PHP 是每個 WordPress 網站的引擎,它是不可避免的。 但是,可以對其進行正確編碼,以最大限度地減少用戶在您的網站上加載頁面時必須啟動的 PHP 數量。
最好的輕量級 WordPress 主題在創建精簡、高效的主題時會考慮所有四個方面。
HTTP 請求
除了應用我們剛剛討論過的編碼最佳實踐之外,您還應該了解 WordPress 主題速度的另一個組成部分。
HTTP 請求。
超文本傳輸協議 (HTTP) 是瀏覽器和服務器通信或處理請求的主要方式。
每次用戶點擊您網站上的鏈接時,您的瀏覽器都會向您的網絡服務器發送一個請求,其中包含有關如何處理此請求的說明。 這些請求讓服務器知道要發送哪些文件。
有一個名為 HTTP/2 的新版本的 HTTP 有助於速度優化。 這意味著發送的 HTTP 請求的數量不再是一個大問題。
不過,最好限制加載 WordPress 安裝的默認數據所需的 HTTP 請求數。
Elementor 的頂級輕量級和快速 WordPress 主題
現在您已經對 WordPress 主題的幕後發生的事情有了一些了解,讓我們來看看目前最快的一些主題。
雖然大多數主題都聲稱是輕量級的,但很少有人能兌現這些承諾。 更重要的是,並非所有主題都適用於所有頁面構建器。
那麼哪些是 WordPress 最好的輕量級主題,也可以與 Elementor 配合使用?
1. 阿斯特拉
如果您正在尋找一個輕量級的主題,每個人,包括一個完整的初學者,都可以輕鬆地與 Elementor 一起使用,Astra 是一個很好的選擇。
Astra 已被用於建立超過 150 萬個網站,該主題擁有超過 5,000 條五星級評論。
這麼多人信任這個主題的原因之一是它以閃電般的速度著稱。
這種速度主要取決於兩個因素。 第一個是它乾淨的 HTML 和非常小的尺寸,第二個是它依賴於 Vanilla JavaScript 來代替 jQuery。
除了速度之外,Astra 還附帶了一個名為 Starter Templates 的插件,它提供了預建網站,使網頁設計更快、更直觀。
這些入門網站可與 Elementor、Beaver Builder 和 Gutenberg 一起使用,並提供一些您可以使用的最佳免費 WordPress 模板。
它還可以輕鬆地與其他主要的第三方插件集成,例如 WooCommerce、LearnDash、Easy Digital Downloads 和 Yoast。
Astra 主題是完全免費的,具有一系列令人印象深刻的功能。 還有一個具有更多功能的專業版。
阿斯特拉的特點:
- Astra 需要不到 50KB 的資源,是市場上最輕的主題之一。
- 使用默認 WordPress 數據加載速度約為 0.5 秒,它也是有史以來最快的主題之一。
- 通過使用 Starter Templates 插件,該主題提供了大量的演示模板庫,只需單擊幾下即可導入。 雖然專業版有更多選擇,但免費版可讓您訪問大量收藏。
- Astra 是高度可定制的。 原生 WordPress 定制器中有多種選項,可讓您更改網站設計,而無需手動更改其代碼,甚至無需使用頁面構建器。
- Astra 是一個完全可擴展的主題,能夠容納各種鉤子和過濾器,非常適合更有經驗的開發人員。
- 這是一個 SEO 友好的主題,附帶補充的 Schema Pro 插件。
阿斯特拉定價
有一個免費版本的 Astra,其中包含您需要的一切。在撰寫本文時,有三個付費選項:Astra Pro、Essential Bundle 和 Growth Bundle,價格分別為 47 美元、169 美元和 249 美元,每年計費。
2.生成新聞
GeneratePress 作為市場上最輕量級的主題之一而享有盛譽。 憑藉其 7.5kb 頁面大小、2 個 HTTP 請求上限和零依賴項的承諾,您可以了解原因。
該主題在 WordPress 存儲庫中也有多達 500 個 5 星評級,因此很明顯,它的開發人員正在做正確的事情!
GeneratePress 有免費版和高級版。 雖然免費版輕量級並具有大量強大功能,但高級版提供更多功能和自定義選項。 其中包括訪問樣式和排版的附加模塊、WooCommerce 兼容性等等。
由於此主題的模塊化方法,您可以停用不需要的模塊,以防止它們降低您的網站速度。
GeneratePress的特點:
- 它是高度可定制的,具有廣泛的顏色、樣式和排版選項,以及用於擴展功能的幾個鉤子和過濾器。 .
- 高級博客選項,例如列控件、無限滾動和圖像調整設置。
- 這是一個可翻譯的主題,有 20 多種語言選項。
- 高級版本使您可以訪問現成的演示站點庫,您可以輕鬆導入以啟動您的網站。
- 有對模式標記的內置支持,可以幫助提高搜索引擎排名。
生成新聞定價
GeneratePress 有一個免費版本。 高級主題每年收費 59 美元或終身支付 249 美元。 它提供一年的更新和支持,以及 30 天的退款保證。
3. 扎克拉
Zakra 是一個具有輕量級框架的主題,以其速度和多功能性而聞名,可讓您輕鬆創建各種網站。 該主題提供了超過 10 個預建模板,您可以使用它們來啟動您的網頁設計過程。
此主題有兩個版本可用。 免費版提供了令人印象深刻的功能,使其能夠與其他一些高級主題競爭。 其中包括 WooCommerce 兼容性、頁面構建器支持和廣泛的排版選項。
高級版提供更多功能,包括額外的排版選項、高級菜單樣式選項和多個博客選項。
Zakra 上有很多文檔可以幫助您理解它並處理任何問題。 此外,他們擁有一支出色的客戶支持團隊,可以快速響應查詢。
扎克拉的特點:
- Zakra 附帶 50 多個演示,適用於各種小眾網站,包括餐廳、婚禮和慈善網站。
- 它與 Elementor 和其他主要頁面構建器以及 Gutenberg 塊編輯器配合得很好。
- 高級版提供高級博客選項,例如磚石佈局、網格設計和後分頁樣式。
- 除了一系列高級菜單樣式選項外,該主題還具有超過七個小部件區域和各種頁眉和頁腳選項的高度可定制性。
扎克拉定價
在撰寫本文時,除了四個高級計劃外,還有一個免費版本。 這些是個人計劃,售價 59 美元; Personal Plus,售價 67 美元; 專業版,售價 202 美元; 開發者花費 209 美元。 所有計劃也可終身購買。
4.二十二十一
二十一二十一當前是您通過全新安裝的 WordPress 獲得的默認主題。 它由 WordPress 的開發人員自己創建,是一個簡單輕量級的主題,經過高度優化,可以與任何正確編碼的頁面構建器(如 Elementor)很好地配合使用。
每年都會發布一個新版本,其前身——二十二十、二十九等仍然可供下載。 它們都是輕量級、極簡主義、高速主題,旨在與 WordPress Gutenberg 編輯器無縫集成。
與之前的版本二十二十一樣,最新的默認主題基於 WordPress 社區的現有主題 Seedlet。 它是高度可定制的,可用於構建各種網站,包括投資組合、個人博客和商業網站。
儘管外觀簡約而柔和,但該主題具有幾個值得注意的功能:
- 它具有單列佈局和兩個菜單位置:位於頁眉部分的主導航和頁腳導航。
- 當指向社交網絡的鏈接添加到頁腳菜單時,它們會自發地轉換為 SVG 圖標。
- 該主題支持多達九種帖子格式,包括狀態、圖庫、聊天和視頻。
- Twenty Twenty-1 使用本機字體堆棧,無需從遠程 Web 服務器下載其他字體。 這有助於提高速度和用戶體驗。
- 該主題提供暗模式作為可選功能。
- 雖然它主要支持 Gutenberg 編輯器,但它也適用於 Elementor 和 Beaver Builder 等主要頁面構建器。
二十一價格
像之前的所有版本一樣,這個主題完全免費使用。
5.海洋WP
雖然 OceanWP 絕對是一個輕量級的主題,但它可能不是這個列表中最輕的。 它確實具有彌補這一點的其他品質,並且與大多數其他 WordPress 主題相比,它在速度方面擁有自己的優勢。
OceanWP 也是您可以使用的最可定制的輕量級主題之一。 除了廣泛的固有自定義選項外,您還可以使用 8 個免費和 13 個付費擴展來訪問更多功能。
它也適用於 Elementor。
OceanWP的特點:
- 它提供了 150 多個即用型演示網站來幫助您啟動您的網頁設計。
- 這是一個移動響應主題,可以自動適應各種屏幕尺寸。
- 與 WooCommerce 無縫集成,允許免費提供多個高級選項,例如多步結賬和產品頁面樣式。 使用付費擴展,您可以使用 Woo Popup 等功能進一步自定義您的商店。
- 與 Elementor 一起,OceanWP 與包括 Beaver Builder、Elementor、Brizy 和 King Composer 在內的幾個主要頁面構建器配合得很好。
- 廣泛的擴展允許您向您的網站添加更多高級功能,例如 Instagram 提要、白色標籤、模式窗口和發布滑塊。
海洋 WP 定價
有一個免費版本可供任何人下載。 還有三種付費選項,起價為每年 39 美元; 個人每年花費 39 美元,商業每年花費 79 美元,代理每年花費 129 美元。
6.頁面構建器框架
Page Builder Framework 是一個極簡主義的輕量級主題,旨在實現高速和高性能。
顧名思義,這個主題是專門為與頁面構建器一起工作而創建的,文件大小小於 50KB,它提供了一個頁面構建器可以輕鬆擴展的簡單框架。
它通過各種博客佈局選項、標題樣式和側邊欄配置選項提供了很大的靈活性。 為了增強功能,有一個高級插件可讓您訪問十幾個額外的功能。
Page Builder Framework 主題的一個缺點是它沒有提供現成的演示站點。
頁面構建器框架的特點:
- 該主題與 WooCommerce 兼容,並具有多個自定義選項。
- 它提供了一個負擔得起的插件,提供高級選項,例如粘性標題、畫布外菜單、大型菜單、懸停效果和高級排版。
- 主題中有一些鉤子可用於擴展其功能。
- Page Builder Framework 已準備好翻譯,並且與 Polylang 和 Weglot 等多語言插件完全兼容。
- 它提供了大量可直接從 WordPress 定制器訪問的定制選項。
頁面構建器定價
該主題是免費提供的。 但是,對於附加功能,可以以每年 58 美元或一次性購買 248 美元的價格購買高級插件。 具有更多附加功能並可在無限站點上使用的代理捆綁包每年售價 248 美元。
7.尼芙
Neve 是一個輕量級的 WordPress 主題,旨在與 Elementor 和其他頁面構建器很好地配合使用。 它還與 Gutenberg 編輯器很好地集成在一起。
除了輕量級(部分原因是它依賴於 Vanilla Javascript)之外,它還以用戶友好的主題而聞名,可用於創建任何類型的網站。
為了幫助用戶啟動該過程,它使您可以訪問幾個預先設計的站點,您只需單擊幾下即可導入這些站點。 網站類型包括電子商務、娛樂、旅遊等。
雖然免費版提供了一些很棒的功能,但高級版提供了高級功能,例如移動標題、自定義佈局和白標。
Neve的特點:
該主題建立在具有輕量級元素的質量代碼之上,具有幾個突出的優點:
- 這是一個移動優先的主題,強調更快的加載時間、出色的界面和高響應性,以獲得更好的體驗。
- 它與 Elementor、Brizy、Beaver Builder、Visual Composer、SiteOrigin 和 Divi Builder 等主要頁面構建器搭配得很好。
- 主題的付費版本為頁眉和頁腳區域提供了定制設計的可能性。 此外,可以通過主題中的鉤子添加自定義代碼。
- 站點佈局選項包括全角和包含的版本。
- 付費版本使您可以訪問額外的功能,例如滾動到頂部、WooCommerce 助推器、標題助推器和博客助推器功能。
- 這是一個翻譯和 RTL 就緒的主題。
- 它使用 Vanilla JavaScript 而不是 jQuery 來提高性能。
內夫定價
任何人都可以免費下載高級計劃,個人計劃每年 59 美元,商業計劃每年 99 美元,代理計劃每年 159 美元。
8. 你好
Hello 是 Elementor 自己的自定義主題。 它非常輕巧且速度極快,但剝奪了許多設計功能,這些功能被 Elementor 的功能所取代。 這使得主題本身超級輕量級和快速。
由於 Hello Elementor 主題是為 Elementor 頁面構建器構建的,因此它可以幫助您充分利用流行的拖放工具,而不會妨礙您。 主題的極簡主義性質與構建器提供的自定義功能相結合,使您可以自由地構建任何類型的網站。
你好特點:
除了成為市場上最快的 WordPress 主題之一之外,還有一些功能使它成為一個不錯的選擇:
- 它與 Elementor 100% 兼容。
- 與主要第三方插件(包括 WooCommerce 和 Yoast)的出色集成。
- 適用於所有屏幕尺寸的高響應設計。
你好定價
Hello 主題完全免費使用。
9. 悉尼
悉尼是一個輕量級的主題,專為構建商業網站而設計。 它提供基於塊的佈局,可以在幾分鐘內輕鬆設置具有專業外觀的主頁。
此主題由 Elementor 官方推薦,與 Beaver Builder、SiteOrigin 和 Visual Composer 等其他流行的頁面構建器完全兼容。 它提供了許多自定義選項,包括完整的 Google 字體支持、多種佈局和顏色選項、全屏滑塊等等。
該主題的免費版本提供了一系列令人印象深刻的功能,但如果您想要一些附加功能,可以使用專業版。 Pro 讓您可以訪問其他演示站點、更多自定義選項、高級支持和一年的更新。
悉尼特色:
- 悉尼為想要經營在線商店的企業提供全面的 WooCommerce 支持。
- 它帶有 Elementor 的自定義塊。
- 它包括一個主題定制器,可為您的首頁和博客佈局提供大量定制選擇。
- 它帶有一個實時定制器,可讓您在網站發生更改時預覽它們。
- 它與多種瀏覽器兼容。
悉尼定價
悉尼主題可免費下載。 它還有一個專業版,每年使用費用為 69 美元,終身使用費用為 169 美元,延長終身捆綁費用為 299 美元。 該捆綁包包括來自悉尼主題製造商 aThemes 的所有主題。
10. 自定義
Customify 是一個多用途主題,針對速度進行了高度優化,並且與 Elementor 配合得很好。 它適用於建立各種各樣的網站,包括企業、投資組合、教育、諮詢、餐廳、醫院等等。
為了支持其作為“市場上最可定制的 WordPress 主題”的大膽主張,該主題帶有許多獨家定制選項。 其中之一是所見即所得的頁眉和頁腳構建器,它允許您為您的站點創建自定義頁眉和頁腳。 它還允許您為每個頁面創建一個唯一的標題,並為您提供無限的排版選項。
該主題的專業版提供了附加功能,例如高級頁眉和頁腳樣式選項、大型菜單、無限滾動和滾動到頂部按鈕。
其他特性:
- 該主題提供了幾個可以輕鬆導入的預建站點。
- 除了 Elementor,它還與其他主要頁面構建器完全兼容。
- 它支持 WooCommerce 和其他流行的 WordPress 插件,如 Yoast、BuddyPress、bbPress 和 OrbitFox。
- 為了幫助您改進所有平台上的用戶體驗,它允許您為移動設備創建不同的標題。
自定義定價
自定義是免費使用的。 專業版個人捆綁包(一個站點)每年花費 59 美元,商業捆綁包(三個站點)每年花費 89 美元,代理捆綁包(無限站點)每年花費 129 美元。
11. 卡瓦
Kava 是一個輕量級的免費 Elementor 主題,適用於博客和初學者。 這個乾淨的 Elementor 主題允許您根據需要自定義設計,使用響應式網格樣式,並禁用主題樣式和腳本。
靈活性是最重要的功能之一,它可以幫助您在設計單個帖子頁面、博客帖子等時擁有完全的自由。
創建 Kava 是為了提供快速執行的 WordPress 網站。 該主題在 Gmetrix 上被評為“A”,並通過 Google PageSpeed Insights 提供 0.5 秒的加載時間。
卡瓦的特點:
- 開發人員友好:超過 100 多個掛鉤,用於在您需要的地方添加自定義代碼。
- 與 WooCommerce 兼容以創建在線商店。
- 反應靈敏,在不同的設備上看起來不錯。
- 翻譯和 RTL 準備就緒。
- 50個漂亮的博客頁面佈局。
卡瓦定價
Kava 主題完全免費使用。
12. 架構
Schema 是一個靈活的主題,輕量級並且與 Elementor 配合得很好。 除了其輕量級特性和內置的速度優化設置外,此主題還帶有一個性能選項卡,可讓您進一步提高網站的速度。
該選項卡允許您啟用延遲加載、禁用參數、優化 WooCommerce 腳本等等。
Schema 還具有多種自定義可能性。 其中包括無限的顏色選項、60 多種背景選項、多個側邊欄、即用型圖標等。
考慮到 Google 的算法和豐富的片段支持,它是市場上對 SEO 最友好的主題之一。
其他特性:
- 該主題帶有一個廣告管理器,可幫助您輕鬆插入和跟踪廣告。
- 它有一個評論系統,可讓訪問者在評論部分評論您的帖子。
- Schema 提供自定義 CSS 支持,允許開發人員對主題進行進一步更改。
- 內置翻譯面板
架構定價
雖然您可以免費下載 Schema Lite,但一個站點的專業版價格為 35 美元,三個站點的價格為 59 美元,無限制使用的價格為 77 美元。
13.塊狀
Blocksy 是一個超輕量級的 WordPress 主題,非常適合構建任何類型的網站。 它與 Elementor 等主要頁面構建器以及 Gutenberg 編輯器完全兼容。
Blocksy 通過佈局、頁眉、頁腳和側邊欄的多個選項,讓您可以完全控製網站的各個方面。 它還與 WooCommerce 兼容,並為您提供自定義選項,例如畫廊樣式和產品快速查看選項,讓您可以根據自己的喜好建立自己的商店。
高級版讓您可以訪問更多功能,包括自定義代碼片段、額外的 WooCommerce 自定義選項、大型菜單和擴展主題功能的掛鉤。
Blocksy的特點:
- 該主題允許實時預覽,讓您可以實時查看您對網站所做的任何更改。
- 它有一個內置的延遲加載系統,可用於進一步提高您網站的性能。
- Blocksy 有一個暗模式選項。
- 它帶有模式標記,有助於提高您網站的搜索排名。
- 它有大量的入門站點,只需單擊即可導入。
塊狀定價
免費版本可供任何人下載。 提供三種高級定價選項,個人計劃每年 49 美元起,專業計劃每年 69 美元,代理計劃每年 99 美元。
14. 卡登斯
Kadence 是一個為速度而構建的多用途 WordPress 主題,並且與 Elementor 完美兼容。
該主題的另一個突出特點是其廣泛的自定義選項。 Kadence 有一個易於安裝的入門模板庫。 從瑜伽工作室到律師事務所和在線課程,這些模板涵蓋了廣泛的網站類型。
該主題還提供了一個全局調色板,可讓您在整個站點上應用選定的顏色。
雖然免費版提供了很多功能,但專業版插件讓您可以訪問更多很棒的功能,如標題插件、高級菜單選項、固定橫幅和 WooCommerce 定制。
卡登斯的特點:
- 這個主題有頁眉和頁腳構建器。 它們都是用戶友好的拖放工具,可讓您創建自定義設計。
- 它提供了可以添加到網站頁眉和頁腳的社交圖標。
- Kadence 允許您向您的網站添加可自定義的滾動到頂部箭頭以改善用戶體驗。
- 為了提高性能,該主題為您的網站標題提供了 CSS 預加載功能。
Kadence 定價
Kadence 主題可免費下載。 有一個 Kadence Pro Theme 插件,您可以每年 59 美元購買,Essential Bundle 的附加選項每年 105 美元,Full Bundle 每年 154 美元。
那麼哪個是 Elementor 最好的輕量級和最快的 WordPress 主題?
這些主題中的每一個都可以作為創建一個有吸引力的,更重要的是,快速網站的重要基礎。 它們都提供了驚人的自定義選項,與各種插件和頁面構建器集成。
由於它們都具有獨特的功能,因此最適合您的功能將取決於您的特定需求。
如果我們不得不伸出脖子,我們會說 Elementor 最好的輕量級主題可能是 Astra 主題。 Astra 不僅非常輕巧,而且還帶有一整套功能,使網頁設計變得簡單直觀。
如果您純粹是為了速度,我們會推薦 Elementor 的 Hello 主題,而 GeneratePress 有一些不錯的模板來補充其輕量級主題。
如果您使用過這些主題中的任何一個,我們很想知道它們對您的效果如何,以及您是否對我們的讀者有任何提示。 請在下面的評論中分享!