WordPress Block Themes 2022:13+ 高度可定制的主題

已發表: 2022-02-07

WordPress 正在尋求轉型!

塊編輯器,通常被稱為 Gutenberg,是在 2018 年底左右發布的 WordPress 5.0 版中作為傳統編輯器的替代品引入的。

然而,這只是 WordPress 功能改進的開始。

好吧,我們這裡有 WordPress 5.9!

2022 年最大的 WordPress 版本之一——WordPress 的全新未來。

自基於塊的內容編輯器在 5.0 中發布以來,全站點編輯、全局樣式和站點編輯器的引入帶來了平台操作方式的巨大轉變。

WordPress 5.9 包括塊主題的官方公告,這是一種使用和用於塊設計的新形式的主題。

此外,與“經典”版本相比,它們更緊密地內置在 Gutenberg 塊編輯器中。

想知道所有的大驚小怪是什麼? 今天,我們將向您介紹哪些 WordPress 阻止主題以及什麼是完整的站點編輯?

除了使用塊主題的原因外,我們還將定義最佳的塊主題以開始使用。

讓我們開始吧!

內容展示
  • 那麼,實際上什麼是基於塊的主題?
  • 什麼是全站編輯?
  • 為什麼選擇 WordPress Block 主題?
  • 立即查看 15 個 WordPress 塊主題
    • 1.二十二十二
    • 2. 托夫
    • 3. 古特納
    • 4. 奧納
    • 5. 納萊迪
    • 6.漢森
    • 7.丁香
    • 8.普里亞
    • 9. 磚砌
    • 10.響應式FSE
    • 11.辛烷值
    • 12. 艾諾
    • 13. 阿曼多
    • 14. 區塊庫
    • 15. 伊琳
  • 最後的話

那麼,實際上什麼是基於塊的主題?

基於塊的主題只是一個 WordPress 主題,它使用塊來創建網站的每個部分,包括頁眉、頁腳、側邊欄、導航菜單等。

該主題使用高級功能創建,允許您自定義網站的每個視覺部分。

這意味著用戶不再受主題功能的限制。 除了所有帖子類別的帖子內容外,站點編輯器還可以通過調整塊來修改和在外觀樣式上進行關鍵修改。

這還允許您修改主題的基本元素,而無需更改主題。

在最新版本的 WordPress (5.9) 之前,Gutenberg 插件是處理塊主題所必需的。

好吧,在 WordPress 5.9 中集成FSE (全站點編輯)後,不再需要該插件

由於 WordPress 核心中的這個新更新都是關於塊主題和完整的站點編輯體驗,讓我們更清楚地了解 FSE。


什麼是全站編輯?

自 WordPress 5.8 發布以來,全站點編輯(簡稱 FSE)一直在 WordPress 社區引起轟動。

究竟是什麼意思?

FSE 是一組功能,用於為網站的每個元素設置塊樣式,不限於內容區域。

完整站點編輯項目的目的是採用 Gutenberg 的塊範式並將其應用於除帖子或頁面內容之外的任何內容。

換句話說,目標是使整個站點具有適應性。這種編輯模式將識別站點的結構並提供更改全局組件(例如頁眉和頁腳)的選項。

FSE 中包含 WordPress 開發人員的新工具,包括一個新的主題配置文件。

任何人都可以使用 WordPress 5.9 中的創新功能; 他們需要做的就是激活一個完整的站點編輯主題。

在深入研究提供 FSE 體驗的主題示例之前,讓我們清楚地了解為什麼需要使用 Block 主題?


為什麼選擇 WordPress Block 主題?

塊編輯器在其存在的最初幾年主要用於鍵入和生成內容。

當與基本主題相結合時,這意味著頁面和帖子可以根據您的內心內容進行定制。

WordPress 定制器仍然是進行對整個主題產生影響的更改的首選選項。

此工具允許您訪問主題作者提供的樣式和格式選項。

如果您在定制器中找不到它,您幾乎肯定必須深入研究代碼。

儘管如此,塊編輯器的主要想法之一是在 WordPress 儀表板中提供更具凝聚力的體驗。

這已經在小部件屏幕切換到基於塊的 UI 時發生了。 這就是定制器的不足之處。

當 FSE 進入遊戲時,它所做的不僅僅是設置帖子的樣式。 目前,主題設計的各個方面都可以直接在 WordPress 中進行管理。

讓我們跳轉到 15 個基於塊的 WordPress 主題,它們可以為您提供對網站樣式的完全控制和完全訪問。


立即查看 15 個 WordPress 塊主題

如果您希望一切都過時,那麼您來對地方了。 這是具有全站點編輯功能的面向未來的 WordPress Block 主題列表。

1.二十二十二

二十二 - WordPress Block 主題

開始使用二十二十二很容易,因為它是 WordPress 5.9 的默認主題。

您所要做的就是在管理面板中激活主題! 查看我們關於二十二十二的終極指南,並更清楚地了解安裝和定制。

由於該主題的靈感來自鳥類的天性,因此它輕巧、靈活,但具有動態組件的穩健性。

但是,主題使用站點編輯器而不是定制器,可以從外觀菜單訪問。

外觀菜單

該主題旨在利用 WordPress 5.9 升級版附帶的 FSE。 這意味著可以根據您的網站願景自定義排版、顏色和佈局。

此外,該主題涉及多種塊樣式,只需單擊幾下即可訪問大量精美的佈局。

該主題可以幫助每個人製作一個獨特的網站,無論它是投資組合或商業網站,還是任何單頁網站。


2. 托夫

托夫

Tove 是列表中的下一個基於塊的 WordPress 主題,旨在順利使用最新的 WordPress 5.9。

這是一個歡快的卡通主題,完全圍繞全站點編輯 WordPress 功能構建。 它的多功能主題是專為咖啡館和餐廳設計的。 但是,各種佈局和 FSE 功能將允許您為任何類型的網站自定義主題。

如果您還沒有更新 WordPress 核心與 5.9 版並完全集成 FSE,則該主題需要 Gutenberg 12.1 或最新版本。

該主題有 40 多個塊模式,其中包括幾個頁眉、頁腳和其他有價值的模式,可以立即開發一個網站。


3. 古特納

古特納

下一個主題是由 ExpressTech Systems 開發的 Gutena,其具有面向未來的願景。 該主題與 FSE 和最新版本的 WordPress 兼容。

該主題帶有 4 個以上的入門站點,因此您可以使用 FSE 開始您的站點體驗。

此外,該主題還加載了 50 多種免費塊模式。 FSE 和預製塊可讓您輕鬆自定義主題。

此外,可以根據您的需要輕鬆創建全新的塊模式或頁面。


4. 奧納

小娜

Ona 是最具吸引力的 WordPress 主題之一,它還包含 FSE 功能。 該主題具有最小的設計,為網站提供經典外觀。

這是一個輕量級和優化的主題,具有多種頁面和塊模式。

另一方面,該主題配備了塊編輯器,可讓您使用拖放界面快速輕鬆地創建內容。

使用全局樣式選項很容易自定義排版和顏色。

此主題適合需要快速加載並立即影響 Core Web Vital 性能的網站。

那些沒有使用核心 WordPress 5.9 版本的人仍然可以通過下載 Gutenberg 11.7 或更高版本來使用這個主題。


5. 納萊迪

納萊迪

Anariel Design 的 Naledi 是另一個具有全站點定制功能的 WordPress 塊主題。

它的工作方式與 Blockbase 主題的工作方式相同,但添加了更多模板可供使用。

這是眾所周知的 Gutenberg FSE 主題之一。 使用 Gutenberg 插件,這些主題強大且可靠。

此外,該主題具有受大自然啟發的精美主頁佈局。

該主題還具有一系列預製模板和設計選項以及全局樣式設置。


6.漢森

漢森

Hansen 是一個單頁主題,僅專注於塊設計。 這個塊模板主題提供了多種塊樣式和模式,以及全站點定制。

您網站的大多數不同組件都可以使用塊創建。 使用可視塊編輯器創建網站的頁眉、頁腳、頁面、文章和其他元素,因為它提供了很大的自由度。

該主題具有兩列和三列佈局,用於展示最新材料。

Hansen 不僅僅是一組模式。 主題的整體外觀也頗具吸引力。

它比我見過的其他一些基於塊的項目更強大。


7.丁香

丁香

Clove 是一個為工匠設計的簡約靈活的 WordPress 主題。 它的靈感來自大自然,並擁有迷人的複古設計。

Clove 是一個全站點編輯 WordPress 主題,具有一系列模板和設計選擇,可以使用全局樣式進行更改。

Clove 是一個 WordPress 主題,具有全站點定制和各種精美的佈局。

靈活而強大的設計選項也是將常見風格轉變為獨特風格的絕佳工具。


8.普里亞

普里亞

Pria 是一個簡單但有吸引力的 WordPress 主題。 這是一個基於塊的實驗性主題,具有全站點修改功能。

它包括各種預製塊類型和設計,以加快網站的開發。

該主題具有吸引人的主頁佈局和吸引人的佈局,可以精美地展示您的業務。


9. 磚砌

磚砌

Bricksy 是由 Anariel Design 設計的一款華麗的免費方塊主題。 這是一個具有大量功能的高端、現代的主題。

對於一些類別,您可以獲得令人驚嘆的塊圖案以及整頁圖形。

它廣泛使用塊編輯器並支持各種模板。 除了標準的主頁、單頁和存檔頁面之外,您還可以使用它來創建 WooCommerce 頁面、側邊欄、404 頁面等。


10.響應式FSE

響應式

Responsive-FSE 是一個基於塊的實驗性 WordPress 主題,用於下一代全站點編輯 (FSE)。

通過修改此主題中的模板,您可以快速更改帖子或頁面的整個佈局。

該主題的主要特點是它已準備好 WooCommerce,允許您將預定義的塊結構添加到您的網頁,然後進一步調整它們以滿足您的規範。

站點徽標、帖子主題、帖子作者、查詢和其他有用的塊也可用於試驗。

此外,這個 FSE WordPress 主題在構建時考慮了搜索引擎優化。


11.辛烷值

辛烷值

Octane 是下一個最受歡迎和優雅的基於塊的 WordPress 主題,其設計時尚。

創建它是為了利用 Gutenberg 插件的新全站點編輯功能。 此外,它不適用於生產現場。

該主題具有多種自定義選項,具有專業的設計和靈活性。


12. 艾諾

艾諾

列表中下一個流行且出色的免費增值塊主題是 Aino。 它使用移動友好的網格項目塊擁有多功能和創新的頁面樣式。

這個大膽而多功能的主題有幾個預先設計的塊來快速開發一個網站。

該主題有多種可用的樣式和自定義選項,可以由後端輕鬆配置。

此外,它與 Aino Blocks 插件兼容。 因此,該插件提供了各種塊模式來幫助創建培養的頁面佈局。

此外,您只需單擊一下即可輕鬆地將此類塊模式添加到您的網站。


13. 阿曼多

阿曼多

這個出色的主題是專門為那些想要在不更新新的 WordPress 版本 5.9 的情況下體驗 FSE 的人創建的。

這個主題非常適合體育、旅遊和博客網站,與 Gutenberg 插件兼容。

此外,該主題還為頁眉、頁腳、滑塊和任何其他頁面部分預先製作了塊模式,

對於尚未嘗試基於塊的主題構建的主題開發人員來說,主題是一個絕佳的起點。

從藝術的角度來看,這個概念並沒有真正的吸引力。 這很容易理解。

這是一個簡單明了的博客主題,展示了古騰堡團隊為新的基於塊的設計系統所做的努力的方方面面。


14. 區塊庫

區塊庫

由 Automattic 開發的 Blockbase 是一個 WordPress 主題,具有最小的設計和 FSE 支持。

該主題使用 Gutenberg 插件來修改塊模板。 此外,模板的每個元素都可以修改。

您可以將其用作具有 FSE 功能和標準 WordPress 定制器的全局主題。

使用模板時,您還可以完全修改帖子/頁面的佈局。 那是通過使用它的元素,包括塊。

您還可以根據需要包含新的或更改的塊模式來設計站點的某些部分。


15. 伊琳

艾琳

Unisonthemes 的 Elyn 具有簡約但吸引人且乾淨的外觀,可以輕鬆吸引觀眾的注意力。

該主題是專門為咖啡店和餐館創建的。 但是,主題具有全局樣式選項來自定義主題以創建任何類型的網站。

您可以快速更改整個站點,使其看起來像是任何類型公司的全新站點。

它包括主頁和關於頁面的兩個整頁塊設計。 此外,主題有一個網格和居中的選項,可以很好地展示博客文章。


最後的話

這篇文章到此告一段落。 我們相信,現在您對 WordPress 塊是什麼以及如何使用它們來更改您的整個網站有了更好的了解。

您還可以從我們收集的 2022 年 WordPress FSE 的頂級 WordPress 塊主題中選擇一個。

我們建議使用其中的二十二十二默認主題。 這是因為它免費提供華麗的佈局和服務。

另一方面,你有一個選擇。 因此,因為它們都提供免費版本,所以請嘗試使用它們來構建您的網站。

如果您有任何問題,請在下方發表評論。