Gutenberg 11.3新特徵：尺寸面板、按鈕區塊填充支援及加速插入器

近日，Gutenberg 11.3登陸了WordPress外掛目錄。最新更新引入了一個新的尺寸面板，用於切換與間距相關的塊選項。安全區塊現在支援填充控制元件，並且文章特色圖片區塊具有新的寬度和高度設定。

該版本的亮點之一是提高了在插入器中開啟和搜尋的速度。開啟時間下降了200多毫秒，從370.35毫秒下降到137.28毫秒。搜尋速度從190.37毫秒變為67.24毫秒。

最新版本包括一個簡化的顏色選擇器庫。豐富的連結預覽功能是Gutenberg 10.9中針對外部URL引入的一項功能，現在可用於內部站點連結。

主題作者應該享受重置和經典編輯器樣式表減少的特異性。此類更改總是使主題作者更容易匹配編輯器和前端樣式。

間距控制元件的尺寸面板

切換站點標語塊的填充和邊距控制元件

Gutenberg 11.3為支援邊距或填充控制元件的塊引入了一個新的尺寸面板。該功能新增了一個省略號 ( ...) 按鈕來代替典型的開啟/關閉選項卡箭頭。使用者可以選擇他們想要使用的控制元件。

長期目標是清理介面，只暴露使用者實際需要的控制元件。由於此類需求是主觀的，因此允許使用者開啟/關閉它們是理想的選擇。

目前的不利因素是雙重的。一旦選擇顯示邊距或填充控制元件，面板本身就不能摺疊。這加劇了新功能試圖解決的問題——整理側邊欄介面。至少對我來說，我總是希望快速訪問間距控制元件。但是，我並不總是需要顯示它們。

第二個問題是使用者對顯示內容的選擇似乎沒有被儲存。每次使用塊時，都必須選擇應顯示哪些控制元件。

新尺寸面板僅僅是當前的一個過渡，尺寸（寬度和高度），間距（padding和margin），以及用於區塊相關控制還存在爭論。尋求更全面解決方案的工作仍在進行中。據推測，開發團隊將在未來版本中解決這些問題和其他問題。但是，那些在生產中執行Gutenberg外掛的人應該會遇到使用上的奇怪之處。

Block Visibility plugin，現在有這樣的切換控制的最人性化的版本。這還不是一個完美的解決方案，但它比古騰堡目前的解決方案要好一些。

使用TT1區塊測試新的按鈕區塊填充選項

在使用TT1區塊主題（二十二十一基於區塊的版本）時，我不喜歡區塊的預設填充，這已經不是什麼祕密了。作為FSE外展計劃的一部分，我已將定期指出它作為我的任務之一，甚至拒絕在最後一次測試呼叫中使用該區塊。

超大按鈕並不總是網頁上錯誤的風格選擇。上下文很重要，我不知何故繼續遇到需要稍微縮減一些東西的場景。幾個月來，我一直希望控制 Button 塊的內邊距，Gutenberg 開發團隊交付了。

從11.3開始，使用者可以控制單個按鈕區塊的填充。它現在將作為一個選項出現在前面提到的新尺寸面板中。

現在，讓我們開始向所有區塊新增填充控制元件。

一些使用者可能遇到的一個潛在問題是在一起使用多個按鈕區塊時保持一致的間距。最簡單的方法是新增第一個並設定樣式，然後複製它以建立具有相同間距的其他。這不是一個新問題；它適用於使用者希望在組內保持一致性的所有按鈕選項。

調整文章特色影象區塊的尺寸

文章特色圖片區塊終於得到了一個小而方便的升級。過去，使用者和主題作者只有一個選項來決定是否將其連結到帖子。現在，他們可以控制影象的寬度和高度。

如果使用者為影象設定了高度，編輯器將顯示一個單獨的“縮放”選項，其中包含以下選項：

這些選項實際上有什麼作用？那將是一個很好的問題。即使作為在網頁設計和開發迴圈中工作了近20年的人，我有時也會忘記並且必須查詢它們。它們是object-fitCSS屬性的值，在許多情況下可能會使使用者感到困惑。

Cover 和 Contains 允許影象適合包含元素的框，同時保持其縱橫比（不拉伸影象）。不同之處在於，如果封面值不適合，將被剪裁，並且包含值可能會被加到信箱中。無論縱橫比如何，拉伸值都將填充其容器。

根據影象在其容器上的縱橫比，每個值基本上可以在螢幕上顯示相同的內容。或者，它們可以提供截然不同的結果。將這些尺寸控制元件與寬對齊和完全對齊（以及與寬度相關的選項）結合起來也可能導致一些不可預測的實驗。

我的主題設計師想要完全禁用UI並呈現一些更可控的東西：影象大小選擇器。

這樣的選擇器不應與寬度和高度控制元件混淆。WordPress 主題作者多年來一直在註冊自定義影象大小。主要用例是特色圖片。使用者可以將這些大小與當前影象和最新帖子塊一起使用。但是，他們還沒有釋出特色圖片的這個選項。

我在認為影象大小控制應該是塊的第一個新增的陣營中。它是WordPress主題設計不可或缺的一部分，因此不能被排除在外，我一直在努力——或者至少是嘮叨——以確保主題作者可以通過自定義大小來控制特色影象。

幸運的是，有自定義影象大小支援的公開帖子。在其他仍然缺失的功能中，它是許多希望向塊主題飛躍的主題作者的障礙。

新選項有很多用例，例如自動將帖子網格的特色影象裁剪為正方形。我只是不耐煩地等待一組更強大的工具來發布特色圖片區塊。via wptavern

Gutenberg Gutenberg功能 Gutenberg更新