30+最適用於FSE全站編輯的WordPress區塊主題

30+最適用於FSE全站編輯的WordPress區塊主題

WordPress 5.9 引入了完整站點編輯,這是一組功能,可幫助您使用塊和其他方便的功能構建漂亮的網站。但是,要充分利用WordPress的新變化,您可能需要考慮切換到新主題。

幸運的是,有許多WordPress區塊主題可供選擇。這些使您能夠設計您的網站並根據自己的喜好自定義每個頁面,而無需聘請開發人員或學習如何編碼。

在這篇文章中,我們將仔細研究WordPress區塊主題及其好處。然後,我們將推薦27種不同的選項,以便您決定哪個主題最適合您。

什麼是WordPress區塊主題

2019年,WordPress推出了區塊編輯器,也稱為古騰堡。這取代了經典編輯器並徹底改變了內容建立體驗。

WordPress 區塊主題使用全新的 WordPress 網站編輯器體驗,讓您可以使用區塊自定義網站的每個部分。

區塊編輯器

2021年,WordPress釋出了全站編輯FSE,這是一系列設計工具,其中包括一個新的編輯器。站點編輯器的工作方式類似於區塊編輯器,使您能夠使用古騰堡塊構建整個站點。

有了區塊主題,您就可以使用區塊編輯器介面(又名古騰堡)來編輯文章或頁面的內容,而不僅僅是常規 WordPress 主題的工作方式。使用網站編輯器,您可以控制網站的每個部分,包括網站的頁首、導航選單、頁尾、部落格列表佈局、內容佈局等。

整站編輯FSE

用稍微專業一點的話來說,你可以使用區塊來設計主題的模板和模板部件

有時你還會看到 WordPress 區塊主題被稱為全站編輯主題,簡稱 FSE 主題。不過,WordPress已經不再將全站編輯這一概念稱為全站編輯,因此這個詞已經不像以前那麼流行了(隨著時間的推移,它的流行度可能會繼續下降)。

以下是使用WordPress區塊主題的一些好處:

  • 無需程式碼即可編輯任何功能
  • 使用全域性樣式自定義設計顏色和排版
  • 自動生成輔助功能,例如鍵盤導航
  • 通過僅在頁面上載入渲染塊來提高站點速度

使用區塊主題,您可以自定義站點的每個區域並新增新功能。如果您是WordPress初學者,您可以從頭開始構建整個網站,而無需接觸任何程式碼。

WordPress區塊主題與經典主題

WordPress 經典主題是指不使用新的網站編輯器體驗的 WordPress 主題。目前,大多數流行的 WordPress 主題仍然使用經典方法,而且經典主題佔了 WordPress 主題的絕大多數。

例如,WordPress.org 上有 12,000 多個主題,但只有約 900 個是區塊主題。其餘的都是經典主題。

一些知名的經典主題包括 Astra、GeneratePress、Kadence、OceanWP、Divi、Neve、Blocksy 等。

雖然經典主題仍使用區塊編輯器作為文章和頁面內容的編輯器(除非禁用),但它們不會使用區塊來控制主題模板的設計,如網站的頁首、頁尾、導航選單等。

相反,許多經典主題都使用 WordPress 定製器介面,看起來就像這樣:

WordPress 經典主題示例

WordPress 經典主題示例

一些經典主題還使用自己的自定義主題設定區域。

如何判斷WordPress主題是否是區塊主題

判斷您使用的是區塊主題還是經典主題,最簡單的方法就是看您的主題是否支援網站編輯器。

如果您使用的是區塊主題,您應該可以在 WordPress 面板中的外觀選項卡下看到編輯器選項。

如何判斷一個主題是否是區塊主題

如何判斷一個主題是否是區塊主題

如果您使用的是經典主題,則不會在外觀選項卡下看到編輯器選項。取而代之的是自定義小工具選單主題檔案編輯器等選項。

最佳WordPress區塊主題

正如我們所見,WordPress 區塊主題在設計您的網站時提供了許多好處。為了幫助您選擇正確的主題,我們編制了一份我們最喜歡的選項列表。

1. 二〇二五

作為下一代官方WordPress區塊主題,二〇二五將會成為官方功能更加全面的區塊主題。這個預設的WordPress主題採用簡單、自然的影象設計,可讓您自定義其調色盤、排版、頁面模板等:

Twenty Twenty-Five 樣板

主要特點

  • 更多樣板和模板部件
  • 更自由的風格自定義
  • 大量的預設模板

價格:二〇二五將隨下一個WordPress版本6.6釋出,您可以免費使用它。

2. GeneratePress

GeneratePress是另一個流行的區塊主題。它反應靈敏,易於使用且重量輕。

GenerateBlocks外掛相結合,此主題可幫助您使用動態塊元素構建和編輯站點:

GeneratePress主題

主要特點

價格:您可以免費下載GeneratePress。但是,高階版本帶有對站點庫的完全訪問許可權,您可以在其中從許多預先設計的入門佈局中進行選擇。GeneratePress Premium起價為每年44美元。

3. Blockbase

如果您正在尋找更簡單的主題,請考慮使用Blockbase。它採用簡約設計,因此可以從頭開始配置。您甚至可以將其作為學習完整站點編輯的起點:

Blockbase

主要特點

  • 可以使用全域性樣式定製的最小設計
  • 17個預設調色盤選項
  • 用於搜尋結果、404頁面、索引等的頁面模板

價格:Blockbase是一個免費的WordPress區塊主題。

4. SeedProd

儘管SeedProd是網站構建器而不是主題,但您可以使用它來訪問完整站點編輯。它是構建基於區塊的自定義網站的一體化解決方案:

SeedProd

主要特點

  • 200 多個預先設計的WordPress主題
  • 80多個頁面區塊
  • 頁首、頁尾、頁面、文章、檔案等的編輯選項

價格:SeedProd作為免費的WordPress外掛提供。要訪問更多模板、塊和整合,您可以以每年31.60美元的價格購買高階計劃

5. Divi

Divi是一個功能強大且靈活的WordPress主題,可讓您使用視覺化編輯器自定義您的網站。使用Divi,您可以管理站點的全域性設計元素並應用站點範圍的設定:

Divi

主要特點

  • 拖放式視覺化構建器
  • 40多個元素,包括表單、畫廊、滑塊、號召性用語等
  • 800多種預製設計

價格:Divi是一個高階主題,起價為每年89美元。此訂閱附帶全系列的Divi產品和數百個網站包。

6. BlockPress

另一個功能豐富的區塊主題是BlockPress。只需單擊一下,您就可以自定義網站的樣式、顏色和排版:

BlockPress

主要特點

  • 自定義您網站的排版和顏色
  • 優化預設WooCommerce佈局之外的產品頁面

價格:您可以下載BlockPress作為免費的WordPress主題。

7. Aino

當與Aino Blocks外掛一起使用時,Aino主題可以為您提供設計線上商店、個人部落格或投資組合所需的所有功能。它提供了一個預先設計的模式庫,您可以使用它來立即實現新的佈局:

Aino主題

主要特點

  • Aino積木的集合
  • 模式庫
  • WooCommerce 支援

價格:您可以免費開始使用 Aino 積木。但是,其高階模式和塊僅限於Pro 版本。起價為每年 89 美元。

8. Skatepark

Skatepark是一個區塊主題,具有大膽而生動的配色方案。雖然它有更多有限的設計選項,但您可以自定義顏色和字型,以及新增新的區塊和圖案:

Skatepark主題

主要特點

  • 雙色調支援和俏皮的網格
  • 兩種基本主題顏色,帶有自定義顏色選項

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

9. Wabi

如果您是作家或出版商,Wabi可能是適合您的WordPress區塊主題。這種佈局具有極簡主義的外觀,具有美感的排版和動態的強調色:

Wabi主題

主要特點

  • 六種強調色
  • 多種風格變體
  • 訂閱表單、樣式指南、專案和標題的預設計模式

價格:您可以從WordPress主題目錄免費下載Wabi。

10. Bricksy

使用Bricksy,您可以通過拖放塊模式擴充套件全站點編輯體驗。您可以混合和匹配來自不同內容領域的頁面來構建您獨特的網站。此外,Bricksy提供預製圖案以幫助您節省時間:

Bricksy

主要特點

  • 旅行、美食、婚禮和時尚利基的佈局模式
  • 可定製的塊模式

價格:Bricksy可作為免費的WordPress主題使用。同時,Bricksy Pro的起價為每年59美元。

11. Geologist

Geologist是Blockbase的子主題,具有現代設計風格,適用於博主。憑藉單個文章列、複雜的調色盤和簡單的排版,這個基於區塊的主題對於初學者來說是一個很好的選擇:

Geologist主題

主要特點

  • 無襯線字型
  • 單欄文章佈局

價格:Geologist免費提供。

12. Stewart

Stewart有一個預設的橙色和淺灰色配色方案,可以讓您的網站看起來很專業。對於博主來說,這可能是一個有效的選擇:

Stewart主題

主要特點

  • 全域性樣式中的可自定義設計設定
  • 兩列布局

價格:斯圖爾特是一個免費的WordPress區塊主題。

13. Tove

Tove提供明亮、有趣和多彩的設計。雖然它最初是為咖啡館和餐廳網站設計的,但全站編輯FSE使其幾乎適用於任何利基市場。Tove有許多區塊樣版和設計,是一個靈活、易於使用的區塊主題:

Tove主題

主要特點

  • 40多種區塊樣版,包括選單和店面資訊的佈局
  • 可自定義的頁首、頁尾和頁面模板
  • 6種頁首設計和7種頁尾設計

價格:您可以免費下載Tove。

14. Julia

如果您是美食博主,則不必依賴一般的塊主題。Julia提供了一種簡單的方法來分享食譜和其他烹飪內容。您可以在檢視它們在前端的外觀時編輯您的文章和頁面:

Julia主題

主要特點

  • 雜誌式佈局
  • 用於更改佈局樣式和預定義調色盤的樣式管理器
  • 拖放區塊編輯器

價格:Julia提供了一個完全免費的精簡版。要獲得Style Manager和其他支援,Julia LT計劃的起價為每年75美元。

15. Archeo

如果您對考古感興趣,請考慮使用Archeo主題。這個街區主題的靈感來自瑪雅人的歷史和文化:

Archeo主題

主要特點

  • 全形背景影象
  • 簡單、復古的排版

價格:Archeo是一個免費的WordPress區塊主題。

16. Financio

對於專業的商業網站,請嘗試Financio。這個WordPress區塊主題最適合金融公司、會計師和諮詢業務。通過下載相容的Gutenverse外掛,您可以訪問適用於您的利基的擴充套件模式和模板:

Financio主題

主要特點

  • 專業的商務主題模板
  • 來自Gutenverse外掛的預製模式和模板

價格:Financio區塊主題可從主題目錄免費下載。

17. Felt

Felt是一個類似於雜誌的WordPress主題。它專為各種出版商而設計,具有多個用於幻燈片、網格和特色文章的小工具。使用其樣式管理器,您可以在站點編輯器中更改網站的字型和配色方案:

Felt主題

主要特點

  • 風格經理
  • 用於列表文章、促銷框、輪播等的小工具

價格:您可以下載 Felt Lite 作為免費的 WordPress 主題。同時,Felt Pro帶有改進的樣式管理器和額外的小工具。起價為每年 75 美元。

18. Alara

如果您正在尋找簡單的復古風格設計,請考慮使用Alara塊主題。Alara帶有多種圖案和樣式變化,因此您可以輕鬆自定義您的調色盤、排版和模板:

Alara主題

主要特點

  • 與調色盤、排版、模板和圖案的設計變化捆綁在一起
  • 支援電子商務功能

價格:Alara是一個免費的WordPress區塊主題。

19. Hansen

由於Hansen提供了預製的部落格模式,它可以成為個人網站的有效區塊主題。它還包含一個可用於構建線上商店的單一產品模板。此外,它是一個簡單但用途廣泛的主題,為站點編輯器中的許多自定義留出了空間:

Hansen主題

主要特點

  • 24種不同的預設和主題顏色
  • 部落格文章的模板選項

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

20. Catch FSE

Catch FSE採用深色簡約設計。它可以用於各種領域,從個人部落格到企業網站。由於其廣泛的塊模式和模板部分選擇,Catch FSE是完整站點編輯的最佳主題之一:

Catch FSE主題

主要特點

  • 拖放介面
  • 15區塊樣版
  • 15個FSE模板和9個模板部分

價格:您可以免費下載Catch FSE主題。如果您購買Catch FSE Pro外掛,您將獲得擴充套件模式和自定義區塊。起價59.99美元。

21. X3P0-Reflections

如果您只需要建立一個簡單的單頁站點,X3P0-Reflections可以是一個有效的區塊主題。這種設計最適合基本的個人資料頁面和連結樹:

X3P0-Reflections主題

主要特點

  • 支援一頁配置檔案模板
  • 預先設計的個人資料卡片圖案

價格:X3P0-Reflections可以從WordPress主題目錄免費下載。

22. Frost

作為一個實驗性的全站編輯主題,Frost 旨在擴充套件站點編輯器中的預設功能。這個主題提供了豐富的塊模式,包括投資組合部分、號召性用語按鈕等等:

Frost

主要特點

  • 特色框、頁首、頁尾、連結頁面等的模式
  • 即將推出的頁面和封面圖片的模板

價格:Frost是一個免費的WordPress區塊主題。

23. Avant-Garde

對於那些喜歡簡單的人來說,Avant-Garde可能是正確的區塊主題。它具有黑白配色方案和簡約的佈局。使用其預製模式,您可以輕鬆新增精心設計的投資組合、定價表和服務頁面:

Avant-Garde主題

主要特點

  • 為一般頁面、頁首和頁尾預先設計的模式
  • 列中文章列表的查詢模式

價格:您可以免費下載Avant-Garde。

24. Ona

Ona具有輕量級和最小化的設計,有助於提高您的網站速度。您可以從預製樣式、頁面和模式中進行選擇,以完全自定義您的網站:

Ona主題

主要特點

  • 主要、最小和創意樣式選項
  • 聯絡頁面、關於部分等的模板

價格: Ona可作為免費的WordPress主題使用。但是,您可以通過訂閱訪問高階支援、自動更新和主題教程。一個網站的起價為每年49美元

25. Emulsion

如果您正在尋找具有良好靈活性的通用主題,Emulsion可能是您的正確選擇。這個基於區塊的主題支援整站編輯,但您也可以在需要時切換回定製器:

Emulsion主題

主要特點

  • 支援經典編輯器和塊編輯器的CSS
  • 自動對比以提高可讀性
  • 可訪問的功能,例如標籤導航

價格:Emulsion是一個免費的WordPress區塊主題。

26. Kemet

Kemet具有預先設計的區塊樣版、模板和模板部分,是一個非常易於使用的區塊主題。您可以立即在站點編輯器中實施這些功能並對其進行調整以滿足您的需求。此外,您可以使用全域性樣式設定來自定義您網站的配色方案和排版:

Kemet主題

主要特點

  • 具有五種不同調色盤的全域性樣式
  • 即用型區塊樣版
  • 針對快速載入和更好的SEO結果進行了優化

價格:您可以免費下載Kemet。

27. Elyn

Elyn是一個漂亮的基於區塊的主題,可以為任何網站提供時尚和現代的外觀。使用此主題,您可以訪問預製區塊樣版以輕鬆插入英雄部分、引導使用者進行號召性用語或顯示您的最新文章:

Elyn主題

主要特點

  • 擴充套件的常規、標題和部落格區塊樣版
  • 18 種主題調色盤顏色選項
  • 預先設計的頁面模板和模板部分

價格:Elyn 主題是免費的。

28. Ollie

WordPress 主題 Ollie 演示

WordPress 主題 Ollie 演示

Ollie是一款靈活的 WordPress 區塊主題,由 Mike McAlister 和 Patrick Posner 製作。Mike 是一位備受推崇的 WordPress 開發人員,他在主題領域已經工作了很長時間,之前還建立了 Array Themes 商店。

Ollie 是一款多用途主題,你可以以各種不同的方式使用它,但大多數樣板都側重於幫助你建立一個商業網站或個人作品集。因此,它可能最適合這些領域。

如果購買 Ollie Pro,你可以獲得三種不同網站設計的樣板:

  • 創作者 – 適用於作家、播客、視訊創作者和開拓者。
  • Startup – 適用於商業網站。
  • Studio – 適用於設計工作室和創意機構。

主要功能

  • 自定義上架體驗,讓網站設定變得非常簡單。不過,你需要從 GitHub 上安裝 Ollie Dash 外掛,因為開發者在來回折騰後不得不從主題中移除入職系統。
  • 10+ 種不同的風格變化,以及通過全域性風格功能實現的完全自定義設計系統。
  • 免費版中包含 66 種以上的區塊樣板。
  • 為重要的模板部分提供多種樣板,包括 6 種以上的頁首樣板、6 種以上的頁尾樣板、4 種以上的文章列表佈局(包括一個不錯的卡片選項)和 7 種以上的單頁模板。
  • Ollie Pro 增加了一個基於雲的樣板庫,其中包括用於多種網站設計的數百種樣板,包括 Creator、Startup 和 Studio 設計。

價格:免費,可在 WordPress.org 獲取。Ollie Pro 的起價為 69 美元,增加了數百種額外佈局,但核心區塊主題是完全免費的。

29. Spectra One

 WordPress 主題 pectra One 演示

 WordPress 主題 pectra One 演示

Spectra One 是 Brainstorm Force 推出的一款 WordPress 區塊主題,與大受歡迎的 Astra WordPress 主題的開發商是同一個人。

雖然 Spectra One 是一款多用途主題,但它的大部分樣板都以幫助您建立商業或投資組合網站為中心。因此,如果你能在這些領域有所作為,就能獲得最大的收益。例如,你可以找到定價表、團隊成員名單等模式。

Spectra One 可與開發者的 Spectra 外掛搭配使用,後者通過大量新的區塊和功能擴充套件了區塊編輯器。不過,如果你不願意,也不必強制使用該外掛。

主要功能

  • 與開發者的 Spectra 外掛緊密整合,該外掛為區塊編輯器新增了大量增強功能。其中包括新的區塊、圖案和設計選項,以及其他有用的功能,如上傳自定義排版的功能。
  • 9 種以上不同的風格變化。
  • 包含 80 多種樣板,包括整頁佈局和部分頁面樣板。
  • 大量模板元件樣板,包括 8 種以上頁首樣板、5 種以上頁尾樣板和 4 種以上頁面模板樣板。

價格:在 WordPress.org 免費提供。Spectra 外掛有一個起價為 49 美元的高階版本,如果你正在使用 Spectra One,你可能會想要這個版本。不過,區塊主題本身目前是 100% 免費的。

30. Neve FSE

 WordPress 主題 Neve FSE 演示

 WordPress 主題 Neve FSE 演示

Neve FSE 是 Themeisle 廣受歡迎的 Neve 主題的區塊主題版本。最初的 Neve 主題採用經典的自定義方式,而 Themeisle 則為喜歡使用網站編輯器的使用者建立了 Neve FSE。

儘管如此,Neve FSE 並不像經典版主題那樣為你提供那麼多的啟動網站。相反,Neve FSE 的樣板主要集中在幫助你建立一個商業網站,或者是個人作品集。

不過,你也可以獲得大量的樣板來幫助你展示你的部落格文章,因此你也可以靈活地將 Neve FSE 用於部落格。

主要功能

  • 可與開發者的 Otter Blocks 外掛搭配使用,但無需使用該外掛。當你啟用 Neve FSE 時,它會提示你安裝 Otter Blocks。
  • 8+ 種不同的風格變化。
  • 48 種以上內含樣板,包括許多用於 CTA、定價表、功能框、團佇列表、服務列表等的部分樣板。
  • 重要模板的樣板,包括 4 種以上頁首樣板、5 種以上頁尾樣板、2 種以上頁面樣式以及大量文章列表樣板。在文章列表樣板中,你可以選擇網格、卡片等。

價格:免費,可在 WordPress.org 獲取。雖然經典的 Neve 主題有一個高階版本,但 Neve FSE 目前是 100% 免費的。可選的 Otter Blocks 配套外掛有免費版和起價 49 美元的高階版。

31. Gutenify

WordPress 主題 Gutenify Base 演示

WordPress 主題 Gutenify Base 演示

Gutenify 不僅僅是一個單獨的區塊主題。相反,它是一個由 40 多個不同的區塊主題組成的集合,所有這些主題都基於配套的 Gutenify 外掛,該外掛通過新的功能擴充套件了區塊編輯器。

每個主題都有自己的側重點–您可以在 WordPress.org 上搜尋 Gutenify,瀏覽所有主題。例如,您可以找到適用於醫療診所、時裝店、教育機構、攝影作品集、物流企業、建築師等的 Gutenify 主題。

從技術上講,您並不需要使用 Gutenify 外掛來使用其中一個 Gutenify 區塊主題,但同時使用這兩個主題會獲得最佳效果,因為它們是設計來一起工作的。例如,如果您想匯入所有演示內容,就需要安裝配套的 Gutenify 外掛。

主要功能

  • Gutenify 旗下有 40 多個不同的利基特定區塊主題。
  • 每個主題都有多種風格變化–有的只有兩三種,而有的則有 10 多種不同的風格變化。
  • 每個主題都有數十種特定於該主題的區塊樣板。
  • 可與 Gutenify 外掛一起使用,該外掛可擴充套件區塊編輯器的新功能。

價格:所有 40 多個 Gutenify 主題都是免費的,可在 WordPress.org 上獲取。Gutenify 外掛有免費版和高階版,付費計劃的一年期許可起價約為 60 美元,終身許可起價約為 180 美元。

32. UniBlock

WordPress 主題 UniBlock 演示

WordPress 主題 UniBlock 演示

UniBlock 是 WPZOOM 推出的一款 WordPress 區塊主題,WPZOOM 是一家從 2009 年就開始運營的老牌 WordPress 主題商店。

這是一個多用途主題,你可以用它來構建幾乎任何型別的網站。雖然許多模式都專注於構建商業網站,但 UniBlock 還提供 WooCommerce 支援和多個文章/頁面模板,因此您可以輕鬆地將其應用於其他領域。

不過,你需要購買 UniBlock Pro 才能使用該主題的許多模式,因此如果你正在尋找一款免費的 WordPress 區塊主題,它可能不是最靈活的選擇。

主要功能

  • 6+ 種不同的風格變化。
  • 相容 WooCommerce,如果你正在尋找一款 WooCommerce 區塊主題,這將是一個不錯的選擇。
  • 免費版中包含 18 種以上的樣板,其中大部分側重於構建商業網站。
  • UniBlock Pro 可為網站模板新增更多樣板,包括頁首、頁尾和頁面模板。

價格:免費,可在 WordPress.org 獲取。UniBlock Pro 可以讓你以 69 美元的價格獲得更多樣板,支援在無限網站上使用。

33. YITH Wonder

WordPress 主題 YITH Wonder 演示

WordPress 主題 YITH Wonder 演示

YITH Wonder 是 YITH 公司推出的一款專門的 WooCommerce 區塊主題,YITH 公司是眾多廣受歡迎的 WooCommerce 外掛的幕後公司。

專門的 WooCommerce 區塊主題並不多,因此這種單一的關注點無疑有助於 YITH Wonder 脫穎而出。如果你正在專門為你的 WooCommerce 商店尋找一款區塊主題,這可能是你可以考慮的最佳選擇之一。

主要功能

  • 專為 WooCommerce 商店打造。
  • 8+ 種不同的風格變化。
  • 總共 33 種以上區塊樣板。
  • 6+ 種 header 樣板模式和 3+ 種頁尾樣板。
  • 4+ 個預製主頁模板,以及大量適用於 WooCommerce 商店所需的其他頁面的額外頁面模板。

價格:免費,可在 WordPress.org 獲取。

34. Basti

WordPress 主題 Basti 演示

WordPress 主題 Basti 演示

Basti 是 Anariel Design 公司推出的另一款 WordPress 區塊主題。Anariel Design公司非常喜歡使用網站編輯器,所以看到他們有兩款熱門主題上榜也就不足為奇了。

與上面的 YITH Wonder 主題一樣,Basti 最獨特的地方在於它是專為 WooCommerce 打造的。這使得 Basti 成為人們尋找 WooCommerce 區塊主題的另一個不錯選擇。它還包含四種不同的以電子商務為重點的設計樣板,為你的店鋪設定提供了很大的靈活性:

  1. 時尚
  2. 市場
  3. 瑜伽
  4. 戶外

不過,Basti 只有高階版本,所以如果你正在尋找免費的區塊主題,那就不能選擇它了。

主要功能

  • 專為 WooCommerce 商店打造。
  • 四種不同的啟動網站設計,適用於不同的電子商務利基市場。
  • 總共 85+ 種樣板,包括用於店鋪頁首、頁尾和其他模板的多種樣板。
  • 自定義入門嚮導,幫助您設定網站。

價格:一年的支援和更新費用為 79 美元,終身支援和更新費用為 179 美元。兩種許可證都允許您在最多 10 個網站上使用 Basti 主題。

35. GreenShift

WordPress 主題 GreenShift 演示

WordPress 主題 GreenShift 演示

GreenShift 是一款 WordPress 區塊主題,旨在與 GreenShift 區塊外掛搭配使用,不過您無需使用該外掛即可使用該主題。

這是一個多用途主題,你可以將它用於任何型別的網站,不過大多數模式都是以建立商業網站為主。例如,你會發現有多種模式可用於功能/服務列表、定價表、評論/推薦等。

它還與 WooCommerce 完全相容,如果你想用區塊建立一個 WooCommerce 商店,這將是一個不錯的選擇。

主要功能

  • 雖然它是一個獨立的主題,但它可以與開發者的 GreenShift 外掛搭配使用。
  • 5+ 種內建風格變化,包括淺色和深色設計。
  • 46 多種區塊樣板,包括重要部分的樣板,如功能/服務列表、常見問題、定價表等。
  • 為重要的模板部分提供多種區塊樣板,包括 7 種以上的頁首樣板、6 種以上的頁尾樣板以及 9 種以上的部落格列表頁查詢樣板。
  • 完全相容 WooCommerce,包括針對 WooCommerce 指令碼的優化載入。

價格:免費,可在 WordPress.org 獲取。如果您使用的是配套的 GreenShift 外掛,WordPress.org 會為您提供免費版和高階版,高階版的一年期許可起價約為 40 美元,終身許可起價約為 140 美元。

如何為網站選擇區塊主題

由於區塊主題使用的方法與經典主題不同,因此在為網站選擇最佳 WordPress 區塊主題時,您也需要採用略有不同的方法。

例如,由於所有區塊主題都使用網站編輯器,因此無需程式碼就能輕鬆定製主題模板。因此,主題是否包含您所需的精確佈局並不那麼重要,因為您可以隨時使用網站編輯器進行調整。

說了這麼多,下面是選擇區塊主題時需要注意的一些重要事項:

  • 主題模板樣板 – 擁有多個主題模板樣板(頁首、頁尾、部落格列表頁等),即使從技術上講你並不需要它們,但如果你想自定義主題的某些部分,也能節省時間。
  • 內容樣板 – 與上一點相聯絡,為各種內容元素選擇合適的模式也很有用。例如,定價表、推薦、功能/服務列表等元素。
  • 風格變化 – 預製的風格變化可讓您更輕鬆地切換網站風格,而無需自己選擇顏色和排版
  • 與其他外掛的相容性 – 確保您選擇的主題與您正在使用的其他重要外掛相容 。例如,如果您正在建立一個 WooCommerce 商店,那麼您的主題就必須與 WooCommerce 完全相容。
  • 開發人員的支援和使用壽命 – 由於區塊主題還比較新穎,很多開發人員都在嘗試使用它們。如果一個主題是試驗性的,那麼一旦試驗完成,開發者放棄該主題的可能性就會增加。因此,你要特別注意區塊主題背後的開發者,以及你是否認為他們會長期使用該主題。
  • 效能 – 與任何 WordPress 主題一樣,你需要確保所選主題的效能經過優化,這樣你才能建立一個快速載入的網站

在哪裡可以找到WordPress區塊主題

雖然我們已經盡力在這篇文章中重點介紹了最好的 WordPress 區塊主題,但您可能仍想瀏覽更大的資料庫,看看還有哪些其他主題。

不過,如果您瀏覽的是像我們的最佳部落格主題集這樣的特定主題,您很快就會發現大多數主題仍在使用經典方法。

那麼,在哪裡可以找到更多的 WordPress 區塊主題呢?

最好的起點是 WordPress.org 主題目錄。如果您選擇區塊主題篩選器,WordPress.org 將只顯示使用這種新方法的主題。然後,您可以通過新增關鍵字或使用其他可用過濾器來完善搜尋。

如何在 WordPress.org 主題目錄中查詢 WordPress 區塊主題。

WordPress.org 主題目錄

WordPress.org 主題目錄

如何使用WordPress區塊主題

最後,讓我們簡要介紹一下如何使用 WordPress 區塊主題,因為它與許多 WordPress 使用者所熟悉的經典方法有些不同。

在這裡,我們不會介紹每一個步驟,只是介紹一些基礎知識,讓你知道如何開始使用。

我們將以 Anders Norén 的 Björk 主題為例,但同樣的概念也適用於任何區塊主題。

如何開啟網站編輯器

安裝並啟用區塊主題後,您就可以通過網站編輯器介面自定義幾乎所有內容。在 WordPress 面板中進入外觀 → 編輯器,即可啟動網站編輯器。

如果在外觀下看不到編輯器選項,那麼你使用的可能是經典 WordPress 主題。只有在網站上啟用了區塊主題,您才會看到這個介面。

如何開啟網站編輯器

如何開啟網站編輯器

如何選擇主題風格

您可能要做的第一件事就是選擇網站要使用的風格變體。

要訪問這些樣式,請點選網站編輯器中的樣式選項。

如何管理區塊主題樣式

如何管理區塊主題樣式

在下一個介面,你可以從可用的樣式中進行選擇。還可以點選鉛筆圖示,在完整編輯器中進一步調整所選樣式。

如何選擇和編輯風格變化

如何選擇和編輯風格變化

如何自定義主題模板

要自定義所有主題模板(頁首、頁尾、部落格列表頁、單篇文章模板等),可以單擊網站編輯器側邊欄中的模板選項。

這將開啟與主題相關的所有模板列表。然後你可以編輯任何現有模板,或點選右上角的新增新模板按鈕建立自己的模板。

如何編輯區塊主題模板

如何編輯區塊主題模板

如何自定義導航選單

使用塊主題後,您就不能再通過 WordPress 經典選單介面(外觀 → 選單)管理導航選單了。取而代之的是點選網站編輯器側邊欄中的導航選項。

預設情況下,WordPress 會自動將網站上的所有頁面新增到選單中。如果您想自定義,可以點選 3 點圖示並選擇編輯,對導航選單進行更改。

如何編輯導航選單

如何編輯導航選單

然後,您可以使用完整的區塊編輯器介面編輯導航選單。

如何自定義導航選單

如何自定義導航選單

小結

整站編輯使您無需任何編碼經驗即可完全自定義您的網站。使用區塊主題,您可以新增和編輯內容區塊,以設計適合不同頁面的理想佈局。

您可以從基本的區塊主題開始,例如二〇二五。如果您正在尋找更高階的選項,您可以使用 ToveCatch FSE 之類的主題。這些帶有廣泛的模板和設計選擇。

評論留言