WordPress Gutenberg 編輯器再次迎來重大更新！在最新發(fā)布的 v21.1.0 版本 中，團(tuán)隊(duì)為區(qū)塊庫、交互 API、性能與可訪問性帶來了眾多實(shí)用改進(jìn)。從全新的 ToolsPanel 統(tǒng)一設(shè)置體驗(yàn)，到 Interactivity API 路由與類型增強(qiáng)，再到多個(gè)核心區(qū)塊細(xì)節(jié)優(yōu)化，本次更新讓內(nèi)容創(chuàng)作和開發(fā)定制都更加高效。以下是 Gutenberg v21.1.0 的重點(diǎn)更新內(nèi)容，幫助你第一時(shí)間掌握這些改變?nèi)绾翁嵘W(wǎng)站表現(xiàn)。

一、區(qū)塊庫與交互 API 的增強(qiáng)

1.1 區(qū)塊庫功能改進(jìn)

• 作者區(qū)塊（Author Block）
  重構(gòu)設(shè)置面板以使用工具面板，使配置界面更加簡潔直觀。

• 評論分頁區(qū)塊（Comments Pagination Block）

移除了鏈接底部不必要的外邊距，使布局間距更加整潔統(tǒng)一。

• 導(dǎo)航區(qū)塊（Navigation Block）
  子菜單展開時(shí)，指示圖標(biāo)會(huì)自動(dòng)翻轉(zhuǎn)或旋轉(zhuǎn)，增強(qiáng)視覺提示。
• 導(dǎo)航鏈接區(qū)塊（Navigation Link Block）
  新增 dropdownMenuProps 與 resetAll 功能，擴(kuò)展自定義與開發(fā)靈活性。

• 文章導(dǎo)航鏈接區(qū)塊（Post Navigation Link Block）
  重構(gòu)設(shè)置面板以使用 ToolsPanel。

1.2 交互 API（Interactivity API）增強(qiáng)

此次更新為 Interactivity API 帶來多個(gè)重要功能：

• iAPI Router
  1. 新增 attachTo 支持，允許為新路由區(qū)域附加行為。
  2. 支持在客戶端導(dǎo)航中加載新的樣式與腳本模塊。
• 導(dǎo)出 NavigateOptions 與 PrefetchOptions 類型。

二、擴(kuò)展性與社交區(qū)塊更新

社交鏈接區(qū)塊 Block Variations 可以自定義內(nèi)容，提升內(nèi)容的設(shè)計(jì)自由度。

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

此次更新修復(fù)了多項(xiàng)核心與區(qū)塊庫問題，包括：

• 核心數(shù)據(jù) getHomePage：避免在解析前返回對象，增強(qiáng)數(shù)據(jù)穩(wěn)定性。
• 日歷區(qū)塊（Calendar Block）：修復(fù)顏色無法在 global styles 與 theme.json 之間切換的問題。
• 表單文件上傳（FormFileUpload）：擴(kuò)展 iOS 兼容的音頻 MIME 類型。
• 圖片區(qū)塊（Image Block）：修復(fù)原生組件過期的無障礙提示；resetAll 現(xiàn)在可將圖像分辨率恢復(fù)到默認(rèn)值。

Interactivity API Bug 修復(fù)

• 修復(fù)圖片燈箱在全客戶端導(dǎo)航邏輯中的問題。
• 修復(fù)新訪問頁面上的動(dòng)態(tài)導(dǎo)入問題。
• 修復(fù) withScope 生成器中捕獲的錯(cuò)誤，以及重復(fù)嵌套區(qū)域的解析。

四、全局樣式與性能優(yōu)化

• 全局樣式（Global Styles）修復(fù)表單區(qū)塊的全局樣式影響到所有表單元素的問題。

• 性能優(yōu)化：Avatar 區(qū)塊優(yōu)化用戶控制查詢，提升加載速度。

五、開發(fā)者與文檔改進(jìn)

5.1 TypeScript 重構(gòu)

多個(gè)包遷移至 TypeScript，包括：

• HtmlEntities Package
• Deprecated Package

5.2 文檔更新

• 修復(fù) Developer.WordPress.org 上的鏈接錯(cuò)誤。
• 更新 Create Block 的自定義命名空間文檔。
• 添加 isPostSavingLocked 示例。

六、代碼質(zhì)量與可訪問性

• 多處代碼重構(gòu)，如將 URLInputButton 改寫為函數(shù)式 React 組件。
• 增強(qiáng)了 PostAuthorCombobox 的回調(diào)簡化。
• Templates API 添加返回按鈕，并修復(fù)了模板創(chuàng)建流程中的焦點(diǎn)丟失問題。
• 提升了 Interactivity 和 Router 注釋的準(zhǔn)確性。

七、總結(jié)

Gutenberg v21.1.0 帶來了區(qū)塊設(shè)置面板的統(tǒng)一體驗(yàn)、交互 API 的核心升級，也進(jìn)一步提升了性能、可訪問性與開發(fā)者便利性。對于內(nèi)容創(chuàng)作者而言，這意味著更流暢的編輯體驗(yàn)；對于開發(fā)者而言，這為自定義開發(fā)與插件擴(kuò)展提供了更穩(wěn)固的基礎(chǔ)。更多詳情，前往Gutenberg最新資訊。

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