Gutenberg 團(tuán)隊(duì)在 2025 年 8 月 27 日正式發(fā)布了 Gutenberg 21.5 版本，本次更新帶來(lái)了多項(xiàng)全新功能、界面優(yōu)化和性能改進(jìn)。對(duì)于使用 WordPress 區(qū)塊編輯器的用戶來(lái)說(shuō)，這次更新提升了設(shè)計(jì)靈活性、編輯體驗(yàn)和可訪問(wèn)性。本文總結(jié)了 Gutenberg 21.5 的核心亮點(diǎn)與主要更新內(nèi)容。

1. Gutenberg 21.5 概覽

Gutenberg 21.5 是一次功能性與體驗(yàn)性并重的版本更新。除了引入新的區(qū)塊和增強(qiáng)型設(shè)計(jì)工具外，本次還優(yōu)化了命令面板、樣式控制、數(shù)據(jù)視圖和表單組件等多個(gè)核心模塊，進(jìn)一步提升了編輯器的可用性和性能。

發(fā)布日期：2025 年 8 月 27 日
核心亮點(diǎn)：

• 新增實(shí)驗(yàn)性 手風(fēng)琴塊（Accordion Block）
• 在 管理儀表盤中集成命令面板
• 支持 邊框半徑預(yù)設(shè)，提高設(shè)計(jì)一致性
• 表單、數(shù)據(jù)視圖和多媒體交互的性能優(yōu)化
• 大量 Bug 修復(fù)與無(wú)障礙性改進(jìn)

2. 新功能亮點(diǎn)

2.1 引入實(shí)驗(yàn)性“手風(fēng)琴塊”

Gutenberg 21.5 推出了新的實(shí)驗(yàn)性 Accordion Block（手風(fēng)琴塊），它由 觸發(fā)器（Trigger） 和 面板（Panel）組成，支持獨(dú)立設(shè)置樣式。

主要特性：

• 可自定義手風(fēng)琴的展開(kāi)與折疊交互
• 各部分樣式可單獨(dú)設(shè)計(jì)，支持更高自由度
• 完善可訪問(wèn)性與語(yǔ)義化，符合無(wú)障礙標(biāo)準(zhǔn)
• 默認(rèn)適配移動(dòng)端設(shè)備，保證響應(yīng)式體驗(yàn)

這讓創(chuàng)作者可以輕松在頁(yè)面中構(gòu)建 FAQ、分步教程等內(nèi)容，提升信息組織效率。

2.2 管理儀表盤中的命令面板

命令面板是 Gutenberg 近年來(lái)重點(diǎn)開(kāi)發(fā)的功能之一，而 21.5 版本首次將其集成到 WordPress 管理儀表盤中。

功能改進(jìn)：

• 直接在后臺(tái)快速調(diào)用命令，不用離開(kāi)當(dāng)前頁(yè)面
• 可搜索站點(diǎn)設(shè)置、導(dǎo)航到頁(yè)面、啟動(dòng)插件操作
• 后續(xù)版本還會(huì)持續(xù)擴(kuò)展支持更多命令和自定義功能

這一更新顯著提升了管理員和開(kāi)發(fā)者的操作效率。

2.3 支持邊框半徑預(yù)設(shè)

Gutenberg 21.5 在 theme.json 文件中新增了 邊框半徑預(yù)設(shè)配置。
現(xiàn)在，設(shè)計(jì)者可以在主題中提前定義統(tǒng)一的圓角樣式，而不必手動(dòng)設(shè)置每個(gè)元素的邊框半徑。

優(yōu)勢(shì)：

• 保證網(wǎng)站視覺(jué)一致性
• 提升全局設(shè)計(jì)效率
• 配合顏色、間距、長(zhǎng)寬比等預(yù)設(shè)，統(tǒng)一樣式管理

3. 功能增強(qiáng)與界面優(yōu)化

除了主要亮點(diǎn)，Gutenberg 21.5 對(duì)大量現(xiàn)有功能做了優(yōu)化，重點(diǎn)包括：

3.1 數(shù)據(jù)視圖與表單改進(jìn)

• 可選無(wú)限滾動(dòng)：為數(shù)據(jù)表格提供可選的無(wú)限加載模式
• 列移動(dòng)支持：表格布局支持左右拖動(dòng)列，提升可視化交互體驗(yàn)
• 新增卡片布局：支持更多內(nèi)容展示形式
• 表單新增 Array 控件與 異步驗(yàn)證，增強(qiáng)表單靈活性

3.2 塊庫(kù)更新

• 新增“查看”按鈕，支持在導(dǎo)航鏈接塊中快速預(yù)覽
• 視頻塊支持 iOS 自動(dòng)播放
• 改進(jìn)封面塊、導(dǎo)航塊、媒體與文本塊的交互體驗(yàn)
• “Accordions” 正式更名為 “Accordion”，更符合語(yǔ)義化

3.3 寫入模式優(yōu)化

• 寫入模式下隱藏不必要的剪切、復(fù)制等功能
• 優(yōu)化僅內(nèi)容模式（contentOnly），減少干擾
• 修復(fù)站點(diǎn)徽標(biāo)、標(biāo)題塊在寫入模式下的樣式問(wèn)題

4. 錯(cuò)誤修復(fù)與性能提升

Gutenberg 21.5 解決了多項(xiàng)用戶反饋問(wèn)題，提升了整體穩(wěn)定性和可用性：

• 修復(fù)頁(yè)面頂部拖放交互異常
• 優(yōu)化自定義 CSS 屬性，支持更多無(wú)單位值
• 修復(fù)文章父頁(yè)面標(biāo)題過(guò)長(zhǎng)導(dǎo)致的溢出問(wèn)題
• 表格視圖和數(shù)據(jù)網(wǎng)格的布局統(tǒng)一性提升
• 改善圖標(biāo)與主題顏色的兼容性

這些優(yōu)化讓編輯器更加穩(wěn)定，也讓多端體驗(yàn)更加一致。

5. 開(kāi)發(fā)者相關(guān)更新

對(duì)開(kāi)發(fā)者而言，本次更新也有幾個(gè)值得關(guān)注的變化：

• block.json 文件中 apiVersion 字段設(shè)為必填項(xiàng)，且必須為 3
• 新增 梯度解析器升級(jí)至 1.1.1，支持更豐富的漸變效果
• 提升表單組件 Storybook 測(cè)試的覆蓋率
• 升級(jí) Playwright 至 v1.54.2，改進(jìn)端到端測(cè)試

6. 總結(jié)

Gutenberg 21.5 是一次以 新功能+性能優(yōu)化為核心的升級(jí)，尤其是 手風(fēng)琴塊、命令面板 和 邊框半徑預(yù)設(shè)的引入，讓創(chuàng)作者和開(kāi)發(fā)者都能更高效地構(gòu)建內(nèi)容與設(shè)計(jì)頁(yè)面。同時(shí)，本次更新在數(shù)據(jù)視圖、表單交互和塊庫(kù)體驗(yàn)上的改進(jìn)，進(jìn)一步提升了區(qū)塊編輯器的可用性。

對(duì)于內(nèi)容創(chuàng)作者而言，這意味著：

• 更高效的頁(yè)面內(nèi)容組織
• 更快的后臺(tái)管理操作
• 更靈活的全局設(shè)計(jì)能力

如果你想體驗(yàn)最新功能，建議升級(jí)到 Gutenberg 21.5，并探索這些改進(jìn)如何提升網(wǎng)站編輯體驗(yàn)。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息