2025年6月11日，古騰堡編輯器迎來 21.0 版本更新。此次更新聚焦于編輯結(jié)構(gòu)控制、設(shè)置界面統(tǒng)一、無障礙增強(qiáng)、Bug 修復(fù)以及文檔與代碼質(zhì)量優(yōu)化等多個(gè)方面。以下是本次更新的完整亮點(diǎn)解析。

一、按鈕與分隔符區(qū)塊新增 HTML 元素切換功能

按鈕區(qū)塊在高級(jí)設(shè)置中增加了 HTML 元素選擇項(xiàng)，支持在 <a> 和 <button> 之間切換，便于更靈活地構(gòu)建語義結(jié)構(gòu)和提升屏幕閱讀器兼容性。

分隔符區(qū)塊也提供了 <hr> 與 <div> 兩種元素切換選項(xiàng)，方便構(gòu)建自定義樣式的分隔效果。

二、大規(guī)模 ToolsPanel 接口重構(gòu)：統(tǒng)一區(qū)塊設(shè)置體驗(yàn)

為統(tǒng)一設(shè)置面板結(jié)構(gòu)，多個(gè)區(qū)塊的屬性配置界面進(jìn)行了全面改造，統(tǒng)一使用了 ToolsPanel 接口。此次涉及的區(qū)塊包括：

• 評(píng)論區(qū)塊：評(píng)論日期、評(píng)論作者名、評(píng)論編輯鏈接、評(píng)論標(biāo)題、評(píng)論分頁
• 常用區(qū)塊：按鈕、嵌入、文件、列表、文章標(biāo)題、RSS、最新文章、表單與輸入字段
• 導(dǎo)航相關(guān)：導(dǎo)航主區(qū)塊、導(dǎo)航鏈接與子菜單鏈接

設(shè)置項(xiàng)界面更規(guī)整，參數(shù)更集中，查找和操作效率明顯提升。

三、鍵盤交互與焦點(diǎn)控制全面改進(jìn)

多個(gè)區(qū)塊和控件組件獲得了可訪問性支持：

• 按鈕區(qū)塊修復(fù)解除鏈接后焦點(diǎn)消失的問題
• 列區(qū)塊對(duì)設(shè)置面板控件使用邏輯做出調(diào)整
• 詳情區(qū)塊提升了鍵盤操作的響應(yīng)性，并使嵌套區(qū)塊在列表視圖中更易選中
• 工具欄按鈕顏色方案調(diào)整，提升在深色模式下的對(duì)比度表現(xiàn)

四、常用區(qū)塊與組件功能增強(qiáng)與修復(fù)

多個(gè)區(qū)塊獲得了結(jié)構(gòu)和樣式控制能力的提升，并解決了常見問題：

• 按鈕區(qū)塊不再出現(xiàn)空白控制插槽
• 畫廊圖像標(biāo)題層級(jí)點(diǎn)擊穿透問題修復(fù)
• Pullquote 區(qū)塊現(xiàn)在支持通過主題樣式文件覆蓋引用樣式
• 社交鏈接支持服務(wù)名稱本地化翻譯，尺寸設(shè)置調(diào)整到更合適的控制區(qū)域

其他增強(qiáng)包括：

• 短代碼區(qū)塊支持新增角色屬性以增強(qiáng)語義結(jié)構(gòu)
• 視頻區(qū)塊支持設(shè)定默認(rèn)字幕軌道
• 導(dǎo)航鏈接和子菜單控件隱藏了部分 UI 控制項(xiàng)，但仍保留底層屬性支持
• 表單和輸入字段區(qū)塊采用統(tǒng)一的設(shè)置面板呈現(xiàn)方式

五、組件邏輯與內(nèi)部 API 優(yōu)化

• 組合框控件支持 Unicode 匹配邏輯，輸入多語言內(nèi)容時(shí)表現(xiàn)更穩(wěn)定
• 拖放組件支持覆蓋默認(rèn)圖標(biāo)，更具可定制性
• 圖像焦點(diǎn)選擇器修復(fù)了未指定寬度的 SVG 圖像無法正確顯示的問題
• 表單 Token 字段在處理長字符串篩選時(shí)不再卡頓
• Flex Layout 中垂直對(duì)齊控制的默認(rèn)數(shù)值邏輯得到修復(fù)

在交互式 API 模塊中，部分函數(shù)的參數(shù)變?yōu)榭蛇x項(xiàng)，提升靈活性。同時(shí)已移除“全頁面客戶端導(dǎo)航”實(shí)驗(yàn)?zāi)K，保持核心功能更輕量。

六、文檔與開發(fā)體驗(yàn)提升

針對(duì)開發(fā)者文檔和配置文件進(jìn)行了系統(tǒng)性優(yōu)化：

• 所有圖片補(bǔ)全了 ALT 屬性
• 修正函數(shù)文檔中缺失的返回類型說明
• 清理并統(tǒng)一 JSON Schema 的參考地址字段
• 更新術(shù)語表達(dá)，替換過時(shí)字段描述
• 多份教程文件使用更新后的代碼語法格式

useDropZone 和其他鉤子的文檔也采用了新版函數(shù)書寫方式，更符合當(dāng)前古騰堡編輯器的項(xiàng)目標(biāo)準(zhǔn)。

七、測(cè)試覆蓋擴(kuò)展與代碼整潔優(yōu)化

本版本包含多項(xiàng)端到端與單元測(cè)試覆蓋提升：

• 新增 FocalPointPicker 功能的 E2E 測(cè)試
• 添加模板鎖定功能的綜合測(cè)試
• 修復(fù)區(qū)塊 API 的測(cè)試用例覆蓋邏輯
• 調(diào)整 PHP 測(cè)試配置，使測(cè)試端口適應(yīng)不同環(huán)境設(shè)置

代碼方面，移除了 InputControl 控件中不必要的強(qiáng)制聚焦邏輯，清理了 SuggestionsList 中未被調(diào)用的遺留代碼。同時(shí)，視頻區(qū)塊的字幕軌道項(xiàng)增加了唯一鍵值，避免列表渲染異常。

總結(jié)

古騰堡編輯器21.0版本是一次具有廣度與深度的更新，涵蓋語義控制、界面結(jié)構(gòu)、交互邏輯、文檔標(biāo)準(zhǔn)、開發(fā)接口、測(cè)試框架等多個(gè)維度。對(duì)內(nèi)容創(chuàng)作者、設(shè)計(jì)人員、主題開發(fā)者和插件開發(fā)者而言，本次版本將帶來更一致的設(shè)置路徑、更順暢的操作反饋和更合理的代碼接口結(jié)構(gòu)。

更多詳情，請(qǐng)前往WordPress社區(qū)查閱了解。

聯(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é)假日休息