探索第一個進入 WordPress 主題目錄的塊模式

已發表: 2020-08-18

幾個月來,我一直在熱切地等待 WordPress 5.5 的正式發布,該更新承諾將期待已久的塊模式系統交到主題設計師手中。 在這一點上,我可能聽起來像是破紀錄,但模式有可能徹底改變 WordPress 主題開發,甚至比即將到來的全站點編輯更重要。

該功能應該會徹底改變開發人員創建 WordPress 主題的方式。 如果充分發揮其潛力,主題作者可以擺脫數十個主題選項並放棄大部分頁面模板。 他們可以更少地關注編程,而更多地關注設計,這就是主題的真正意義所在。

要了解模式為何如此具有革命性,您必須了解它為主題作者以及最終用戶解決的根本問題。 縱觀 WordPress 的所有主題歷史,有一個總體問題導致了無數問題。 這是一個問題,它是向 WordPress.org 主題審查系統添加多個指南的根本原因。

這個單一問題幾乎可以完全追溯到一個大問題:主題作者如何構建自定義主頁並輕鬆允許最終用戶重新創建它們?

無論是滑塊或信息框列還是號召性用語部分,WordPress 從未真正提供主題作者可以依賴的解決方案。 公平地說,許多開發人員圍繞平台的限制構建了創造性和獨特的系統。 但是,這些系統特定於單個主題或來自單個公司的一組主題。 沒有標準。 沒有什麼可以引導主題設計師簡單地設計他們腦海中的任何有趣的東西,並允許用戶簡單地填寫內容。

雖然我說網站的主頁是這裡的根本問題,但問題實際上擴展到了網站上的任何頁面。 主頁設計有點像主題作者的簽名。 它允許設計師展示他們的才能並吸引用戶。十多年來,主題作者嘗試了上千種不同的方法,只是為了讓這一頁正確。

圖案還有很多。 該系統不需要主題作者成為 PHP 忍者來拼湊漂亮的設計。 它不限制用戶使用主題選項面板來構建他們的主頁——他們可以使用他們的主題提供的模式在他們的網站上構建任何頁面。

最重要的是,它使“我如何構建自定義主頁”問題變得毫無意義。 主題作者永遠不需要再考慮這個問題,至少不像往年那樣。 主題正在從在頁面級別構建設計轉向設計單個塊和部分(模式)。 重點更加原子化,為用戶提供了更多的靈活性和自由度。

因為我迫不及待地想再看幾個星期或幾個月的時間來看看這個系統中的主題作者,我想看看官方主題目錄中的當前主題在做什麼。 沒什麼可看的,但至少有一些主題作者願意成為這個新主題時代的先驅。

目前,該目錄的塊編輯器模式功能過濾器不起作用。 從技術上講,不允許主題作者將block-patterns標籤添加到他們的主題中,但是有一個可用的補丁程序應該很快就會解決這個問題。

迄今為止的模式

目前,主題目錄只有三個帶有塊模式的主題。 沒什麼可繼續的,但是看看到目前為止作者正在構建什麼主題很有趣。

UXL Themes 最近用幾個區塊更新了它的 Cordero 主題。 我喜歡 Cordero 添加其模式的方式之一是它創建了一個自定義的“Cordero”塊模式類別。 模式可以存在於多個類別中,但是將所有主題的自定義模式合併到一個組中會使發現它們變得更加容易。 這是一種我希望看到更多前進的做法。

Cordero 的模式主要面向典型的業務佈局。 它包括幾個英雄類型的模式、一些功能/服務框和定價表。

Themes Team 代表 Carolina Nymark 的 Inclusive 主題有幾種模式(如果您在市場上尋找一個良好的可訪問性就緒選項,它也是一個可靠的主題)。 這個主題最有趣的模式是它的帶有側邊欄的兩列模式。 Nymark 本質上創建了帶有圖案的頁面的“主體”。 一種在左側添加側邊欄,另一種模式將其添加到右側。 兩種模式都有一個用於添加自定義內容的主列。 默認情況下,側欄列裝飾有小部件類型的塊。

包含在 WordPress 主題中的側邊欄和內容列模式。
具有側邊欄和內容列的包容性主題模式。

這些模式的獨特之處在於它們幾乎就像是通向全站點編輯的墊腳石——它們所缺少的只是頁眉和頁腳。 誠然,我沒有準備好將這種模式和預期模式用於較小的部分,但我是包容性主題實驗的粉絲。

Nymark 在目錄中有當前三個帶有塊模式的主題中的兩個。 她的 Deejay 主題添加了單一模式,允許用戶在其網站上創建 DJ 個人資料部分。 它結合了欄目、社交圖標、最新帖子列表、視頻嵌入等。

DJ 配置文件塊模式包含在 Deejay 主題中。
節目主持人主題配置文件模式。

總的來說,我喜歡這個新功能的早期探索。 成為第一個嘗試事物的人絕非易事,因此我為主題作者鋪平道路而鼓掌。 我們距離 WordPress 5.5 發布只有一周的時間,但我很高興看到更多。

模式在主題之間的轉換效果如何?

塊系統的承諾之一是它允許用戶在主題之間切換並維護其內容。 這個想法是每個主題都將以這樣一種方式設置所有塊的樣式,即前端輸出看起來不會損壞。

雖然三個主題的樣本量很小,但在它們之間切換時確實遇到了一些內容樣式問題。

通常,模式越複雜以及該模式是否使用自定義類決定了它從主題到主題的轉移程度。 如果用戶決定不將圖案的圖像替換為自己的圖像,圖像也可能會出現一個有趣的問題。 因為圖像將存在於主題文件夾中,如果主題被停用並卸載,它將不再存在。