今天早些時候，WordPress主題目錄歡迎了它的第四個基於塊的主題。 由UXL主題構建， 漢森 是能夠與Gutenberg插件中的站點編輯器一起使用的更時尚的項目之一。 主題作者還將其提高了一個級別，並包括了幾種塊模式。
我寫了關於 模式將改變遊戲規則。 我已經說過需要 UI大修 以便更好地向用戶展示它們。 我建議主題作者使用 模式系統而不是模板，使用戶只需單擊一個按鈕即可構建其網站的完整部分。
UXL主題正是這樣做的。 到目前為止，我們看到的大多數模式主要是針對帖子或頁面內容構建的。 Hansen主題使該想法更進一步，並為不同的站點部分創建了模式。
是否想為標題設置其他外觀？ 只需刪除舊的並替換為另一個標頭模式即可。
插入深色標題模式。
如何更改博客文章頁面的外觀？ 主題帶有兩個和三個列的模式，用於輸出最新帖子。
插入兩列博客文章模式。
它還打包了一個Content and Sidebar模式，該模式更適合單個帖子和頁面。
對於該模式還是模板零件系統，我仍然不確定。 目前，模式總體上具有更簡潔的UI，並且可以進行分類。 模板部件可能更易於切換，但是無法對它們進行分組（例如，頁眉模板，頁腳模板等）。 不管從長期來看，什麼成為事實上的標準，我們都需要更多的主題作者（例如UXL主題）來嘗試這些概念，了解有效的方法並收集用戶反饋。
主題在內容模式方面沒有增加太多。 但是，它確實包含一個名為「兩列文本和全形封面」的內容。 雖然有點令人，舌，但該名稱確實充分描述了它的作用。 這也是主頁中使用的模式 主題演示。 但是，該演示版進行了少許修改，增加了自定義最新帖子部分。
漢森的內容相關模式。
漢森不僅僅是其模式。 主題通常看起來也不錯。 它比我們從其他一些基於塊的實驗中看到的更加有趣。 像 最近發布的Phoenix主題，開發人員在過去幾個月不再使用基於區塊鏈的基本設計時變得越來越自在。
這些主題顯然與在更成熟的系統上可以構建的主題不相上下。 但是，古騰堡的FSE系統正在逐步發展。 現在正在嘗試的主題作者正在為下一代主題鋪平道路，我很高興看到。
Hansen主題還包括幾種塊樣式。 大多數都針對用戶通常在站點編輯器中使用的塊。 在以前的基於塊的主題中，我還沒有看到這種方法。
其中兩種樣式用於移動導航。 「移動友好」樣式在桌面上顯示水平導航菜單，同時在移動設備上切換到漢堡式下拉菜單。 「移動樣式」替代選項可在所有屏幕尺寸上保留移動布局。
Query Loop塊有一個Box Shadow樣式，可為每個帖子添加陰影。 希望在將來，WordPress能夠為此提供框陰影選項，而不是依賴於塊樣式的主題。 儘管如此，目前它還是一個受歡迎的補充。
查詢循環塊的框陰影樣式。
無底邊距樣式允許用戶從列中刪除底邊距。 我假設主題作者使用它來解決嵌套塊及其底部邊距相加的常見問題。 我不喜歡這種樣式，因為它使用戶有責任解決應在引擎蓋下處理的設計問題。 通常，問題源於使用底邊距而不是頂邊距處理設計間距。 無論哪種情況都可以糾正，但是採用高利潤率方法更容易。
除了一個樣式問題之外，該主題的另一個缺點是它不適合直接使用長格式內容。 對於默認字體大小，內容區域拉伸得太寬，導致閱讀不舒服。 主題包括用於組塊的「窄寬度」樣式，可以對此進行更正。 但是，理想情況下是相反的，內容默認為較窄的寬度。 每當用戶想要編寫長篇博客文章時，他們都需要將其包裝在Group塊中並應用Narrow Width樣式。 默認情況是更常見的用例。
總的來說，我喜歡這個實驗。 Hansen是目前與Gutenberg的站點編輯合作的最佳主題之一。
像這樣：
喜歡載入中……