WordPress 官方編輯器 Gutenberg 迎來(lái)了 21.9.0 版本更新?。?！這一版本帶來(lái)了多項(xiàng)令人期待的新功能，包括新增塊類型、改進(jìn)的可視化控制、以及大規(guī)模的性能與兼容性優(yōu)化。本文將會(huì)為你系統(tǒng)梳理本次更新的核心變化，幫助開發(fā)者與網(wǎng)站管理員更快了解這一重要版本的亮點(diǎn)。

一、新增區(qū)塊：編輯器功能更強(qiáng)大

Gutenberg 21.9.0 在“區(qū)塊（Blocks）”方面進(jìn)行了顯著擴(kuò)展，推出了多個(gè)實(shí)用性極強(qiáng)的新塊，使創(chuàng)作者能更靈活地構(gòu)建內(nèi)容結(jié)構(gòu)。

1. 新增數(shù)學(xué)塊（Math Block）與富文本格式支持

這是一次面向?qū)I(yè)內(nèi)容創(chuàng)作者的更新，特別是教育、科研和技術(shù)博客用戶。借助數(shù)學(xué)塊，用戶可以直接在 Gutenberg 編輯器中插入數(shù)學(xué)公式，而無(wú)需依賴第三方插件。

2. Term Count 與 Term Name 區(qū)塊

這兩個(gè)新塊讓網(wǎng)站管理員可以更方便地顯示分類項(xiàng)數(shù)量或名稱，適合內(nèi)容分類、文章歸檔頁(yè)、甚至電商商品目錄中使用。

3. Breadcrumbs（面包屑導(dǎo)航）塊

官方終于在核心編輯器中加入了 Breadcrumbs 塊。它能根據(jù)文章層級(jí)和分類結(jié)構(gòu)自動(dòng)生成導(dǎo)航路徑，極大地增強(qiáng)了頁(yè)面的可用性與 SEO 友好性。

4. Time to Read（閱讀時(shí)間）塊

這一塊已正式穩(wěn)定，可自動(dòng)計(jì)算文章預(yù)計(jì)閱讀時(shí)長(zhǎng)，幫助創(chuàng)作者優(yōu)化閱讀體驗(yàn)，也讓博客頁(yè)面更具專業(yè)感。

二、編輯體驗(yàn)與可視化控制增強(qiáng)

Gutenberg 21.9.0 對(duì)多個(gè)核心塊的編輯體驗(yàn)進(jìn)行了改進(jìn)，讓編輯器操作更直觀、更符合設(shè)計(jì)邏輯。

• 圖庫(kù)塊（Gallery Block）新增縱橫比（Aspect Ratio）控制，用戶可自由調(diào)整圖片比例

• 分類（Categories）塊的 JavaScript 邏輯得到優(yōu)化，在下拉菜單模式下更穩(wěn)定
• Accordion（折疊面板）塊已完成穩(wěn)定化處理，支持錨點(diǎn)（anchor）屬性并修復(fù)編輯沖突
• Terms Query 塊新增了“包含特定分類”選項(xiàng)與簡(jiǎn)化控制面板布局，使數(shù)據(jù)查詢更高效
• Link UI 面板增加“自定義 CSS 類名”輸入項(xiàng)，方便開發(fā)者進(jìn)行樣式擴(kuò)展

這些更新體現(xiàn)了 Gutenberg 團(tuán)隊(duì)在細(xì)節(jié)體驗(yàn)上的持續(xù)打磨，讓內(nèi)容創(chuàng)作更加順滑。

三、DataViews 和 Site Editor 的改進(jìn)

1. DataViews 全面升級(jí)

本次版本中，DataViews 組件獲得了顯著增強(qiáng)。官方為其新增了表單驗(yàn)證、日期字段校驗(yàn)、異步加載支持等能力，并統(tǒng)一了 DataForm 字體樣式與 Grid 視圖布局。
更重要的是，DataViews 現(xiàn)在可以通過新的 views 包來(lái)持久化用戶視圖修改，確保后臺(tái)數(shù)據(jù)展示的個(gè)性化設(shè)置能夠被保存和復(fù)用。

2. Site Editor（站點(diǎn)編輯器）

站點(diǎn)編輯器方面的更新主要集中在模板與頁(yè)面數(shù)據(jù)視圖的持久化上。

• 頁(yè)面與模板的數(shù)據(jù)視圖現(xiàn)在支持狀態(tài)保存與恢復(fù)
• 模板激活邏輯得到優(yōu)化，解決了重復(fù)彈窗和草稿模板問題
• 修復(fù)了靜態(tài)模板點(diǎn)擊后自動(dòng)跳轉(zhuǎn)的 Bug，提升了整體編輯體驗(yàn)

四、Block API 與交互性提升

Gutenberg 21.9.0 引入了多項(xiàng) API 與交互層改進(jìn)：

• 新增塊可見性控制（Block Visibility），可在命令中心中直接隱藏或顯示指定區(qū)塊
• 支持 Synced Pattern 與 Template Part 塊的可見性同步
• Fit Text（自適應(yīng)文字）功能正式加入，可根據(jù)容器寬度自動(dòng)縮放文本大小
• 新增鍵盤快捷鍵，可快速切換塊可見性

此外，Interactivity API 增加了唯一 ID 支持，并優(yōu)化了模塊預(yù)加載機(jī)制，使頁(yè)面交互更加流暢。

五、性能與穩(wěn)定性優(yōu)化

這一版本在性能與兼容性方面同樣有顯著提升，特別是在 PHP 8.5 與新版構(gòu)建系統(tǒng)上。

• 修復(fù)了多處 PHP 8.5 的兼容性警告與棄用提示
• 引入全新的 Build V2 構(gòu)建系統(tǒng)，全面遷移到 esbuild，棄用舊版 webpack，提升構(gòu)建速度并簡(jiǎn)化依賴管理
• 優(yōu)化了 SCSS 監(jiān)聽、SVG 圖標(biāo)編譯及腳本模塊依賴處理，大幅減少前端打包體積
• 改進(jìn) CI 流程，減少冗余任務(wù)，提高持續(xù)集成效率

這一系列更新標(biāo)志著 Gutenberg 的開發(fā)環(huán)境正在向更現(xiàn)代、更高效的前端體系演進(jìn)。

六、輔助功能與協(xié)作編輯優(yōu)化

Gutenberg 團(tuán)隊(duì)持續(xù)關(guān)注協(xié)作體驗(yàn)與無(wú)障礙設(shè)計(jì)。本次更新中：

• Block Comments（區(qū)塊評(píng)論）功能更穩(wěn)定，新增焦點(diǎn)管理、鍵盤交互與排序同步

• Notes（筆記系統(tǒng)）完全畢業(yè)于實(shí)驗(yàn)階段，支持浮動(dòng)評(píng)論、隱私說(shuō)明與翻譯優(yōu)化
• 無(wú)障礙性方面，改進(jìn)了導(dǎo)航鏈接焦點(diǎn)丟失問題，并為多個(gè)控件添加了 ARIA 屬性支持

這些改進(jìn)意味著 Gutenberg 正逐步成為一個(gè)支持多人協(xié)作、無(wú)障礙設(shè)計(jì)和內(nèi)容批注的成熟編輯平臺(tái)。

七、總結(jié)：從編輯器到完整的創(chuàng)作系統(tǒng)

Gutenberg 21.9.0 不只是常規(guī)的功能升級(jí)，而是一次對(duì)整體架構(gòu)、性能和可用性的全面強(qiáng)化。新增的區(qū)塊類型擴(kuò)展了創(chuàng)作者的表達(dá)邊界；性能優(yōu)化與 Build V2 體系讓開發(fā)體驗(yàn)更輕量高效；而 DataViews 與協(xié)作功能的強(qiáng)化，則讓網(wǎng)站管理和團(tuán)隊(duì)創(chuàng)作更加智能與便捷。

升級(jí)吧！如果你的網(wǎng)站運(yùn)行在 WordPress 6.7 或更高版本，Gutenberg 21.9.0 將帶來(lái)更快的加載速度、更順滑的編輯體驗(yàn)，以及讓人驚喜的新功能?。?！

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off