Gutenberg 11.2.0近日釋出，擴充套件了對Search和Pullquote區塊的顏色支援。從歷史上看，如果大多數使用者的主題沒有將它們作為選項包含在內，那麼自定義這些元素對於大多數使用者來說是遙不可及的。此版本為搜尋按鈕引入了顏色支援和邊框顏色支援。
Pullquotes在邊框和顏色支援方面得到了類似的處理，為那些喜歡控制定製的人提供了一些創造性的設計選項。
在早期的主題定製演出中，Web 開發人員本應支付這些費用來執行這些細微的樣式更改。現在，區塊編輯器使任何人都可以加入並自己完成。
這些顏色支援新增是改進編輯器設計工具以提供跨塊一致應用程式的更大努力的一部分。
“設計工具的另一個重要目標是確保各種精美的圖案成為可能；最佳做法不僅是可能的，而且是受到鼓勵的；並且定製塊是一種一致和自然的體驗，”古騰堡首席架構師馬蒂亞斯文圖拉在工單跟蹤設計工具任務中說。
Gutenberg 11.2還引入了對新的實驗性flex佈局的支援。Rick Banister在一年前提交的工單中描述了對額外佈局的需求，要求為Group區塊提供“水平顯示”選項：
在構建模式或嘗試實現具有多個元素水平排列的佈局時，擁有一個可以自動將其子項排列在一行上的父區塊會有所幫助。列可用於並排排列事物，但如果您只需要排列一組區塊，它們會增加很多額外的巢狀。
我們可以利用組區塊併為其新增“水平顯示”或“作為一行”選項。它將包裝它的孩子並充當“彈性容器”（display:flex; flex-direction:row;）。更多 flex 引數可以是可選的以對齊和分佈物件。
彈性佈局選項有可能消除巢狀塊中的一些複雜性。這個早期的原型展示了一個粗略的、未完成的佈局切換器UI。它顯示了flex佈局和預設的“流”佈局之間的區別，後者在沒有任何特定樣式的情況下垂直地一個接一個地顯示子項。Gutenberg 11.2 中包含的PR使區塊可以支援多種佈局。Gutenberg工程師Riad Benguella表示，計劃引入更多佈局，例如“網格”和“絕對定位容器”。
為組區塊新增“flex”佈局支援是證明多佈局選項如何在塊編輯器中工作的第一步。
“在之前的WordPress版本中，我們引入了內部區塊的 layout 配置和 __experimentalLayout道具，” Benguella 說。“這些的最初原因是使主題的對齊方式和內容寬度更具宣告性。雖然這本身就是一個雄心勃勃的目標，而且預設佈局很難實現，但目標始終是在編輯器中吸收和支援比常規垂直塊列表更多的佈局。”
這種實驗性的flex佈局支援對主題開發人員很有用，並且在某些使用Cover區塊、標題、社交圖示、列和其他應用程式的用例中很有意義。此版本中隱藏了佈局切換器UI，而Gutenberg團隊正在為該功能設計更好的設計和措辭。
評論留言