Gutenberg 13.4 包含了 25 項(xiàng)增強(qiáng)功能和近 30 個錯誤修復(fù)。比較突出的改進(jìn)如下:
- 支持 theme.json 中的按鈕元素
- 畫廊塊支持間距設(shè)置
- 側(cè)邊欄設(shè)計更新
- 搜索塊變體現(xiàn)在支持查詢變量
- 性能改進(jìn)
theme.json 支持設(shè)置按鈕元素
Gutenberg 13.4 在theme.json中添加了對按鈕元素的支持,因此主題現(xiàn)在可以使用 theme.json 向其按鈕添加樣式,如下所示:
{
"styles": {
"elements": {
"button": {
"color": {
"background": "black"
}
}
}
}
}
為了充分利用這一變化,按鈕 Buttons、搜索 Search、文章評論 Post Comments 和 文件 File 塊等塊現(xiàn)在使用新的CSS類wp-element-button來支持 theme.json 中的按鈕元素。

畫廊塊支持間距設(shè)置
塊間??距對于 畫廊 Gallery 塊來說是一個非常有用的設(shè)計工具,但是如果你想設(shè)置不同的水平和垂直間隙怎么辦?好吧,您現(xiàn)在可以通過選擇畫廊塊的尺寸面板中可用的新軸向間距來做到這一點(diǎn)。
側(cè)邊欄設(shè)計更新
作為對組件和后邊欄的迭代改進(jìn)的一部分,Gutenberg 13.4 為發(fā)布彈出框帶來了新的外觀和感覺。

顏色設(shè)置?UI 也得到了改進(jìn)。現(xiàn)在使用Gutenberg 12.6中引入的ToolsPanel,拾色界面已經(jīng)統(tǒng)一。這種變化也帶來了一些品質(zhì)的改進(jìn),例如在粘貼十六進(jìn)制顏色時,會自動剝離以實(shí)現(xiàn)更流暢的工作流程。
搜索塊變體現(xiàn)在支持查詢變量
從 Gutenberg 13.4 開始,搜索塊變體可以根據(jù)提供的查詢變量限制其搜索結(jié)果。例如,您可以創(chuàng)建一個自定義搜索塊變體,在以下注冊時限制為post_type=product進(jìn)行搜索:
registerBlockVariation( 'core/search', {
name: 'test/product-search',
title: 'Product Search Block',
category: 'test',
attributes: {
query: {
post_type: 'product'
}
}
} );
性能改進(jìn)
性能是 WordPress 的首要考慮因素,Gutenberg 13.4 再次帶來了一些性能改進(jìn)。
在前端,全局樣式 CSS僅針對當(dāng)前正在加載的頁面中的塊有條件地排隊(duì),從而為客戶端提供更小的頁面。
就編輯器而言,自動完成性能得到了改進(jìn)。最后但并非最不重要的一點(diǎn)是,React?Spring 依賴項(xiàng)已升級,從而在塊編輯器空閑時更有效地使用資源。
要查看完整的更新詳情,請看官方發(fā)布日志。




