Gutenberg 21.1.0 RC1 版本已經(jīng)發(fā)布，本次版本帶來了一些新的功能、增強以及修復(fù)。以下是本次更新的詳細(xì)內(nèi)容。

新功能

互動 API

• iAPI 路由：新增對通過 attachTo 支持的新路由區(qū)域的支持。

增強

塊庫

• 作者塊：重構(gòu)設(shè)置面板，改為使用 ToolsPanel。
• 頭像塊：重構(gòu)設(shè)置面板，改為使用 ToolsPanel。
• 評論分頁：去除鏈接底部多余的邊距。
• 導(dǎo)航塊：在子菜單展開時跳轉(zhuǎn)子菜單圖標(biāo)。
• 導(dǎo)航塊：在子菜單展開時旋轉(zhuǎn)子指示菜單圖標(biāo)。
• 導(dǎo)航鏈接：新增 dropdownMenuProps 和 resetAll 函數(shù)。
• 文章導(dǎo)航鏈接：重構(gòu)設(shè)置面板，改為使用 ToolsPanel。
• 站點 logo 設(shè)置面板：重構(gòu)為使用 ToolsPanel。
• [實驗表單]：新增示例塊預(yù)覽。

互動 API

• iAPI 路由：支持新的樣式和腳本模塊，支持客戶端導(dǎo)航。
• iAPI：導(dǎo)出 NavigateOptions 和 PrefetchOptions 類型。
• iAPI：引入 AsyncAction 和 TypeYield 類型幫助器。

擴(kuò)展性

• 社交：通過塊變體支持自定義鏈接圖標(biāo)。

修復(fù)

核心數(shù)據(jù)

• getHomePage：修復(fù)返回對象未解決的問題。

塊庫

• 日歷塊：修復(fù)顏色不在全局樣式和 theme.json 之間切換的問題。
• 表單塊：在塊編輯器中正確應(yīng)用類名。
• 文件上傳表單塊：擴(kuò)展 iOS 兼容的音頻 MIME 類型。
• 圖片塊：修復(fù)本機組件中過時的可訪問性提示。
• 圖片塊：修復(fù) resetAll 返回圖像分辨率的默認(rèn)值。
• 社交鏈接：允許重置圖標(biāo)大小并遵循 theme.json 樣式。
• 視頻塊：防止重復(fù)軌道的生成。

互動 API

• 修復(fù)在新的全客戶端導(dǎo)航邏輯中的圖像燈箱問題。
• iAPI 路由：修復(fù)新訪問頁面上的動態(tài)導(dǎo)入問題。
• iAPI：修復(fù) withScope 生成器中捕獲的錯誤。
• iAPI：修復(fù)重復(fù)的嵌套區(qū)域。
• iAPI：修復(fù)沒有兄弟節(jié)點的評論解析問題。

全局樣式

• 表單塊：修復(fù)全局樣式對所有表單元素的影響。
• 實現(xiàn)統(tǒng)一的頁眉布局。

數(shù)據(jù)視圖

• 數(shù)據(jù)表單：使用垂直間距代替單元格內(nèi)邊距來實現(xiàn)垂直間距。

文章編輯器

• 文章發(fā)布面板：更新為使用分類法標(biāo)簽，而不是硬編碼的 “標(biāo)簽”。

媒體

• 上傳新媒體時：使實體失效。

插件

• 修復(fù) wp-list-reusable-blocks RTL 樣式注冊中的錯誤樣式句柄。

數(shù)據(jù)層

• resolveSelect 和 suspendSelect：新增私有選擇器支持。

可訪問性

• 模板 API：新增返回按鈕并修復(fù)在模板創(chuàng)建流程中導(dǎo)航時的焦點丟失問題。

性能

• 頭像塊：優(yōu)化用戶控制查詢。

文檔

• 示例：向文檔塊中添加 isPostSavingLocked 示例。
• 命令：為 README 添加樣式表要求。
• 創(chuàng)建塊：添加自定義塊命名空間的文檔。
• 文檔修復(fù)：修復(fù) Developer.WordPress.org 上的斷鏈。
• 修復(fù)一些拼寫錯誤。
• 文件結(jié)構(gòu)：修復(fù) folder-structure.md 中的拼寫錯誤。
• 塊屬性：添加 role 屬性的解釋。

代碼質(zhì)量

• 模式：刪除未使用的屬性。
• TypeScript：將 HtmlEntities 包轉(zhuǎn)換為 TS。
• TypeScript：將棄用包遷移到 TS。
• TypeScript：將 is-shallow-equal 包遷移到 TS。
• iAPI：修復(fù)變更日志，包含 PR 70296。

塊編輯器

• 媒體列表：使用 placement 屬性設(shè)置彈出位置。
• 重構(gòu)：將 URLInputButton 組件重構(gòu)為功能性 React 組件。
• 警告：將 popoverProps.position 替換為 popoverProps.placement。

組件

• 圓形選項選擇器：使用 placement 屬性設(shè)置彈出位置。
• 文件上傳表單塊：移除在 Chromium 瀏覽器中選擇 .heic 文件的臨時修復(fù)。

文章編輯器

• PostAuthorCombobox：簡化 onFilterValueChange 防抖回調(diào)。

互動 API

• iAPI：對互動和互動路由的注釋進(jìn)行小修復(fù)。

塊庫

• 社交鏈接：使用 placement 屬性設(shè)置彈出位置。

工具

• 測試：改進(jìn)文檔設(shè)置側(cè)邊欄定位器。
• 確保：實際測試環(huán)境用于端到端測試。
• 跳過：跳過失敗的端到端測試。
• 端到端測試：為鏈接顏色支持添加測試用例。
• 端到端測試：對某些測試進(jìn)行小的代碼質(zhì)量改進(jìn)。

其他

• 塊庫：移除 screencast.com 嵌入塊變體。

Gutenberg 21.1.0 版本為開發(fā)人員和用戶帶來了許多改進(jìn)，尤其是在可訪問性、性能和擴(kuò)展性方面。本次更新提高了用戶體驗，還為開發(fā)人員提供了更多功能和更好的支持。

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