WordPress 最新發(fā)布了 Gutenberg 插件的 21.4.0 版，在功能、開發(fā)者體驗(yàn)、可訪問性、數(shù)據(jù)視圖等多個(gè)方面帶來顯著增強(qiáng)的一次全方位更新。以下是 Gutenberg 21.4.0的重點(diǎn)更新內(nèi)容，幫助你第一時(shí)間掌握這些改變?nèi)绾翁嵘W(wǎng)站表現(xiàn)。

一、界面布局與基礎(chǔ)體驗(yàn)優(yōu)化

此次更新對編輯器界面進(jìn)行了精細(xì)調(diào)整：

• 頂部標(biāo)題欄高度從60px增至64px，提升了視覺協(xié)調(diào)性。改為64px之后移動(dòng)按鈕在獲得焦點(diǎn)后不會向上移動(dòng)。

• 引入了全新的useServerSideRender Hook，取代舊版服務(wù)端渲染組件，讓開發(fā)者能更靈活地處理區(qū)塊加載狀態(tài)和錯(cuò)誤管理，顯著提升了服務(wù)端渲染的穩(wěn)定性和開發(fā)效率。

二、數(shù)據(jù)視圖與表單功能增強(qiáng)

DataViews和Dataforms迎來多項(xiàng)實(shí)用改進(jìn)：

• Bootstrap 校驗(yàn)：DataForm 新增必填項(xiàng)與類型校驗(yàn)支持，提升表單完整性。設(shè)置需要詳細(xì)填的資料必填，否則不能提交

• 樣式統(tǒng)一：媒體項(xiàng)在表格視圖中樣式與列表視圖保持一致。

• 日期字段：新增日期“編輯控件”，更便捷地修改日期字段。
• 多選交互增強(qiáng)：表格支持 Ctrl/Cmd + 點(diǎn)擊多行選擇，提高操作效率。

特別值得注意的是新增的日期編輯控件、篩選器鎖定功能以及支持按字段分組的表格視圖，這些改進(jìn)大幅提升了后臺數(shù)據(jù)管理的效率和靈活性。

三、區(qū)塊庫功能全面升級

多個(gè)常用區(qū)塊獲得體驗(yàn)優(yōu)化：

• Comments相關(guān)區(qū)塊新增預(yù)覽示例

• Categories區(qū)塊禁用編輯時(shí)跳轉(zhuǎn)鏈接

• 文件阻止：使用 MIME 類型來確定文件是否為 PDF。
• 文件塊：使用本機(jī)功能檢測來支持pdf

PDF處理能力顯著增強(qiáng)，Comments區(qū)塊和Categories區(qū)塊功能提升，同時(shí)Video區(qū)塊的Poster圖預(yù)覽交互更加流暢直觀。

四、Bug修復(fù)提升穩(wěn)定性

• 同步模式：防止重新聲明WP_Block_Cloner
• core-data：修復(fù)PostStatusObject還原
• 添加@wordpress/env為可選的等依賴項(xiàng)@wordpress/scripts
• ServerSideRender：允許跳過塊重疊支持值

五、編輯流程與可訪問性提升

• 寫作模式工具欄新增Shuffle樣式選項(xiàng)，TextControl組件也獲得了主題樣式增強(qiáng)，使編輯界面更加友好

• 為列表控件新增鍵盤操作提示，強(qiáng)化了輔助功能支持
• 優(yōu)化了iframe編輯器的鏈接攔截邏輯，確保編輯體驗(yàn)穩(wěn)定可靠
• MediaReplaceFlow：正確截?cái)嚅LURL。
• RichText：支持更多格式邊界顏色。

六、總結(jié)

即使Gutenberg還不能滿足我需要的功能，依然每一次都在期待，Gutenberg 21.4.0版本帶來了全方位的功能升級和體驗(yàn)優(yōu)化，從界面微調(diào)到核心功能增強(qiáng)，全面提升了編輯效率和用戶體驗(yàn)。此次更新不僅強(qiáng)化了訪問性的支持，還體現(xiàn)了WordPress在提升編輯器性能、穩(wěn)定性和開發(fā)者體驗(yàn)方面的持續(xù)投入，讓各類用戶都能享受到更專業(yè)、更高效的編輯環(huá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é)假日休息