2022 年用於全站點編輯的 10 個最佳 WordPress 塊主題

已發表: 2022-10-13

您是否正在為您的下一個項目尋找最好的 WordPress 塊主題?

WordPress 5.9 “Josephine”引入了一種新的網站構建方式,稱為全站點編輯 (FSE)。

完整站點編輯是一套方便的功能,可讓您使用塊編輯和自定義整個 WordPress 網站。 如果您想體驗和利用 WordPress 中的完整站點編輯功能,您需要一個塊主題。

在本文中,我們將分享我們精心挑選的最佳 WordPress 塊主題列表。

所以讓我們開始吧!

什麼是 WordPress 塊主題?

WordPress 塊主題是一組由不同內容塊組成的模板,允許您在 WordPress 中使用完整站點編輯。

WordPress 塊編輯器(以前稱為古騰堡塊編輯器)讓 WordPress 用戶對網站設計、內容佈局等進行了前所未有的控制。

但是,您只能使用基於塊的主題來訪問 FSE 功能。 使用塊主題,您可以自定義網站的每個部分,包括頁眉、頁腳和菜單等元素。

以前,您只能通過添加代碼、使用 WordPress 定制器或安裝第三方頁面構建器(如 Elementor 和 Beaver Builder)來自定義網站的頁眉/頁腳部分。

現在,借助 FSE 功能和 WordPress 塊編輯器,您可以更好地控製網站設計,並且可以更改 WordPress 網站的整體外觀——無需更改 HTML 代碼、添加 CSS 或安裝任何 WordPress 頁面構建器插件。

文章在下面繼續

新站點編輯器允許您通過拖放塊並修改它們以滿足您的需要來創建佈局。 此外,您可以使用全局樣式來自定義您的主題並更改您的網站設計。


全站點編輯 WordPress 塊主題 – 它是您網站的正確選擇嗎?

在我們深入研究之前,重要的是要了解 WordPress 生態系統中有 4 種類型的主題可用:

  1. 經典主題:使用 PHP 構建,目前主導 WordPress 生態系統。 如果您正在探索任何 WordPress 網站,它很可能是使用經典主題構建的。
  2. 塊主題:由塊模板和 theme.json 組成。 旨在使用戶能夠利用 WordPress 的全站點編輯功能。
  3. 混合主題:這些是與 FSE 兼容的經典主題。 混合主題的功能集是傳統主題與使用 theme.json 文件設置塊樣式的能力的組合。
  4. 通用主題:可以與新的 WordPress 定制器和經典站點編輯器一起使用。

借助完整的站點編輯功能和基於塊的主題,您可以完全控制 WordPress 網站的樣式屬性和主要配置。

但是塊主題相對較新,目前在提供無縫和高級主題功能方面處於“剛剛起步”的階段——WordPress 用戶已經在經典主題中體驗過這些功能。

說到完整站點編輯功能,這是對 WordPress 核心所做的最大更改,並收到了積極的回應和消極的反饋。

許多用戶喜歡和不喜歡“FSE”功能的主要原因之一是“完整站點編輯改變了他們構建 WordPress 網站的方式”。

許多人發現 FSE 是一個更好的選擇,因為它提供了更靈活的選項並增強了他們使用 WordPress 創建網站的體驗。

與此相反,許多現有的 WordPress 網站開發人員和用戶不喜歡 FSE 的工作方式,因為它改變了他們構建和編輯網站的傳統方式。 對於那些已經安裝了許多主題和插件的穩定且功能強大的網站的人來說,採用不同的方法可能是一項耗時且繁瑣的任務。

正如我所提到的,塊主題相對較新,FSE 功能仍在不斷發展,因此對於某些類型的網站,塊主題可能是一個很好的解決方案,但不一定適合每種網站類型。

話雖如此,現在讓我們看看哪些類型的網站可以從基於全站點編輯塊的 WordPress 主題中受益。

文章在下面繼續

SiteGround託管

何時應該使用 WordPress 塊主題

在我看來,塊主題將是一個理想的選擇

  • 專門的博客網站,您的主要關注點是起草、撰寫和發布博客文章。
  • 如果您打算創建一個投資組合網站,那麼您也可以使用基於塊的主題。
  • 此外,塊主題將是建立在線論壇、信息網站、個人網站、活動網站甚至餐廳網站的不錯選擇。

簡而言之,憑藉 FSE 的當前功能和穩定性,塊主題是創建“小型”靜態網站的絕佳解決方案,您無需在其中進行大的動態更改或添加動畫和高級功能。

什麼時候不應該使用 WordPress 塊主題

如果您打算創建更複雜的網站,例如電子商務或會員網站,那麼我建議您使用經典或混合主題並將其與頁面構建器插件配對。

與塊主題相比,經典和混合主題更穩定,並為您提供額外的設計靈活性。

另一方面,如果您是初學者,正在尋找預算友好的主題選項,或者剛開始進行網頁設計,那麼您可以使用塊主題。

WordPress 塊主題 - 前 10 名精選

既然您知道了,WordPress Block Theme 可以幫助您快速輕鬆地創建漂亮的網站,而無需任何自定義 HTML 或 CSS 代碼。

因此,讓我們看看 2022 年 WordPress 塊主題的首選。

  1. 二十二二

Twenty Twenty-2是 WordPress.org 團隊開發的首批默認基於塊的主題之一,並與 5.9 版一起發布。

Twenty Twenty-2 的調色板取材於大自然,體現了為每個用戶設計獨特網站的理念。 主題的微妙風格受到鳥類多樣性和多功能性的影響。

文章在下面繼續

Woocommerce 託管

自從主題與 FSE 一起推出以來,它已經完全優化以在塊編輯器中工作。 此外,它還為用戶提供了大量的自定義選項,使他們能夠在創紀錄的時間內創建漂亮而獨特的網站佈局!

二十二十二提供了廣泛的自定義選項,使其成為創建不同類型的 WordPress 網站的不錯選擇。 無論您是想創建一個電子商務網站、運行一個博客,還是想建立一個投資組合網站,這個塊主題都可以幫助您根據自己的喜好創建一個網站。

Twenty Twenty-2 是一個免費的 WordPress 主題,因此您只需單擊幾下即可直接從 WordPress 儀表板安裝它!

主動安裝1+ 百萬
價錢自由的

二十二十二的主要特點

  • 自定義調色板、頁面模板、排版等的靈活性。
  • 提供數十種塊模式。
  • 讓您完全控制頁面佈局。
  • 重量輕,加載速度快。

  1. 托夫

Tove是一個靈活、響應迅速且免費的 WordPress 塊主題。 它易於使用並促進了豐富多彩的網頁設計理念。

最初,Tove 是為咖啡館和餐館設計的,但您可以對其進行自定義以創建任何 WordPress 網站。

Tove 帶有預先設計的塊模式,可讓您自定義網站的每個區域並幫助您輕鬆啟動網站設計過程。

主動安裝1,000+
價錢自由的

Tove 的主要特點

  • 包括 40 多種塊模式。
  • 提供 6 種不同的頁眉設計和 7 種不同的頁腳設計。
  • 重量輕且易於使用。
  • 完全可定制以滿足您的站點需求。

  1. 迪維主題

Divi是由 Elegant Themes 創建的最受歡迎的多功能 WordPress 主題之一。

使用 Divi 主題,您可以自定義網站的各個方面,包括各個頁面和帖子。 如果您不知道如何編碼並希望完全控制您的網站,Divi 是您的理想選擇。

如果您不想從空白畫布開始您的網站設計過程,您可以從 Divi 的各種預建佈局和子主題選項中進行選擇。

此外,您可以使用 Divi 的內置拖放構建器為您的站點創建任何佈局。

Divi Theme 作為 WordPress 的經典主題推出,後來引入了Divi Layout Block以與新的編輯器(也稱為塊編輯器)一起順利工作。

價格Divi 僅提供高級套餐,起價為每年 89 美元

Divi 主題的主要特點

  • 2,000 多種預製設計
  • 拖放式可視化構建器
  • 響應和可定制。

  1. 生成新聞

GeneratePress是 WordPress 主題市場的另一個流行名稱。

GeneratePress 是一個多用途的 WordPress 主題,允許用戶創建不同類型的網站。 它與流行的 WordPress 頁面構建器和 Gutenberg 塊完全兼容。

但是,為了充分利用新站點編輯器中的 GeneratePress 主題,您需要將 GeneratePress Premium 和免費的 GenerateBlocks 插件(由同一團隊)結合起來。

您可以從 GeneratePress 的免費版本開始。 要訪問其 Block Elements,您需要每年 59 美元的 Pro 計劃。

主動安裝500,000+
價錢免費增值

GeneratePress 的主要特點

  • 與 WooCommerce 兼容
  • 60 多種顏色控制
  • 5 側邊欄佈局
  • 排版定制靈活性

  1. 小娜

Ona 是一個漂亮且快速加載的全站點編輯 WordPress 主題。 它基於最小的設計風格,並提供多種預定義的塊模式。

主題最好的部分是它的標題設計,在第一次交互時就抓住了用戶的注意力。

使用 Ona,您可以獲得自定義主題顏色和字體的全局選項。 其交互式拖放構建器界面可使用以下方式增強您的網站構建體驗

古騰堡街區。

主動安裝1,000+
價錢自由的

Ona 的主要特點

  • 包括預製樣式、頁面和塊模式。
  • 用戶友好和快速加載。
  • 為聯繫、關於部分、404 等提供頁面模板。

  1. Kadence 主題

Kadence 是一個多功能的免費增值主題,包括大量內置功能,例如可自定義的入門模板、亞馬遜風格的搜索欄、將社交圖標放置在標題中任意位置的靈活性等等。

Kadence 主題的最大特點是它與所有流行的頁面構建器和原生 WordPress 塊編輯器 (Gutenberg) 完全兼容,使其成為構建任何類型網站的理想選擇。

此外,Kadence 支持自定義帖子類型,讓您可以直接在 WordPress 定制器中控制自定義帖子類型的佈局。

主動安裝100,000+
價錢免費增值

Kadence 主題的主要特點

  • 與流行的 WordPress 插件兼容,例如 WooCommerce、LifterLMS、GiveWP 等。
  • 包括專業設計的入門模板。
  • 全球調色板和排版。

  1. 永旺

如果您正在尋找深色和大膽的配色方案主題設計, Aeonium可能是您的正確選擇。

這個免費的多用途 WordPress 塊主題提供 6 種風格的調色板,除了默認設計外,還包括一種淺色風格。

Aeonium 具有現代外觀,適合創建任何網站。 此外,您可以自定義其預定義的塊模式以滿足您的設計需求。

主動安裝700+
價錢自由的

Aeonium 的主要特點

  • 簡單,快速加載和用戶友好。
  • 包括預建的頁面和模式。

  1. 艾諾

另一個 WordPress 塊主題是Aino 。 它提供交互式預先設計的塊模式,可用於創建在線商店、商業網站、投資組合或個人博客。

您可以通過更改主題配色方案、選擇單個元素顏色和選擇邊框顏色來自定義 Aino。

要在塊編輯器中使用 Aino 主題的所有自定義功能,您需要將 Aino 主題與 Aino Blocks 插件一起使用。

主動安裝900+
價錢自由的

艾諾的主要特點

  • 響應和快速加載
  • 與 WooCommerce 兼容
  • 為高級樣式提供網格塊

  1. 澤弗

如果您正在尋找可用於構建創意網站的多用途 WordPress 塊主題, Zeever適合您。

Zeever 是一個完全響應的、現代的、黑暗風格的 WordPress 主題,它允許您自定義整個網站 - 無需任何編碼。

這個主題提供了各種各樣的帖子佈局和样式、側邊欄、第 3 方小部件支持、眾多主題選項和強大的編輯選項。

使用 Zeever,您可以為數字機構、創意公司、投資組合、設計師或自由職業者創建漂亮的登錄頁面。

主動安裝3,000+
價錢免費增值

Zeever 的主要特點

  • 基於深色主題模式
  • 包括預建模板
  • 響應和快速加載

  1. 侘寂

我們的 WordPress 塊主題列表中的最後一個是Wabi。

如果您是作家,Wabi 可能是您的不錯選擇。 Wabi 的佈局具有簡約的外觀、美觀的排版和動態的強調色。

該主題的突出特點是其強調色功能。 此功能使作者能夠選擇不同的頁面標題背景顏色,使其從其他頁面或帖子中脫穎而出。

主動安裝500+
價錢自由的

侘寂的主要特點

  • 簡單但有吸引力的頁面設計
  • 動態強調色系統
  • 多種風格變體

哪個 WordPress 塊主題最適合全站點編輯?

我希望我們的 WordPress 塊主題列表可以幫助您選擇最好的,並讓您創建令人驚嘆的網頁設計。 為了確定哪個 WordPress 塊主題最適合您的網站,您需要考慮您的利基和您網站所需的功能。

儘管每個主題都提供了許多自定義選項,但每個主題都有自己的特殊功能,使其成為獨一無二的。 如果您是 WordPress 新手,我建議您先使用免費主題選項,例如二十二十二,然後再投資高級主題。

請在評論中讓我們知道您使用的其他功能更強大並提供更高級功能的塊主題。

此外,如果您正在尋找更多主題資源,您可以查看我們的指南

  • 最佳 WordPress 營銷主題
  • 最佳多用途 WordPress 主題
  • 最佳 WordPress 極簡主義主題