又過了兩週，古騰堡外掛更新如期釋出。每個站長都期待最新版本，等待我們的貢獻者社羣產生的好東西。有時部分人甚至會跳槍並安裝外掛的開發版本以瞭解即將推出的功能，例如新的“區塊間隙”樣式設定。其他時候，我喜歡對按鈕區塊的新垂直/水平填充控制元件等增強功能感到驚訝。
當然，外掛更新總是很有可能以一種新的令人興奮的方式擺脫我們主題的編輯器樣式。感覺好像已經有一段時間沒有古騰堡讓我措手不及了。
除了區塊間隙和軸向填充外，Gutenberg 11.4將畫廊區塊變成了巢狀影象塊的容器，併為特色影象新增了雙色調過濾器支援。其他值得注意的增強包括一個選項，用於向封面區塊新增替代文字，以及對Post Date、Post term和Site Tagline 區塊的字型粗細支援。
按鈕區塊的軸向填充
調整垂直和水平按鈕填充
按鈕塊現在支援在取消連結填充時更改沿X或Y軸的間距。以前，使用者可以為所有邊定義填充，但這可能是一項乏味的工作。在大多數設計中，頂部和底部（垂直）填充應該匹配，左右（水平）應該得到相同的處理。
在幾乎所有情況下，此更改都應加快填充自定義。但是，它確實引入了迴歸。票證中的共識是，對於邊緣情況而言，為了減少麻煩的體驗而進行的權衡值得降低靈活性。
總的來說，這應該是大多數人的勝利。我已經是一個更快樂的使用者了。
畫廊區塊使用巢狀影象
新增到畫廊中圖片區塊的連結。
Gutenberg 11.4中的畫廊區塊支援巢狀單個圖片區塊。它目前隱藏在實驗支援標誌後面，必須通過古騰堡 > 實驗設定螢幕啟用。
實際上，畫廊區塊現在是一個容器。插入媒體的工作方式仍然相同。不同之處在於終端使用者可以分別自定義相簿中的每個影象塊。
此功能的一個用例是允許使用者在影象周圍新增自定義連結。但是，他們現在可以訪問更多圖片區塊的選項，例如自定義主題樣式。
上週，我深入介紹了這個功能，因為它預計將登陸WordPress 5.9，主題作者應該為過渡做好準備。就HTML而言，這是一個突破性的變化。任何具有自定義相簿塊樣式的主題都應在 WordPress 合併更改之前測試前端和編輯器輸出。
特色影象雙色調支援
對特色圖片區塊應用雙色調過濾器。
雖然我們仍然缺少影象大小控制，但我將採取我此時可以獲得的任何釋出特色圖片區塊的改進。長期以來，區塊感覺就像是二等公民，以至於我對任何增強功能都感到頭暈目眩。
WordPress 5.8中的雙色調過濾器允許終端使用者在影象上新增CSS過濾器來控制陰影和高光顏色。主題可以註冊自定義的，或者使用者可以修改它們。最新的Gutenberg外掛更新將此功能帶入了釋出特色圖片區塊。
此更改允許主題作者探索新增一些視覺風格，因為釋出精選影象塊用於模板或站點編輯。在為更高階的主題設計做好準備之前，還有很長的路要走，但這些工具讓我們離得更近了。
主題的全域性區塊“間隙”
突出顯示段落區塊及其前面的“間隙”（上邊距）
一個在支援區塊編輯器的主題中變得司空見慣的自定義功能是“全域性間距”樣式規則，它控制元素之間的空白。古騰堡的貢獻者已經注意到了這一趨勢，現在正在為其提供標準解決方案。使用theme.json檔案的主題將自動選擇支援。
間隙功能為區塊容器內的所有相鄰同級元素新增了頂部邊距。這使用標準方法在每個區塊之間建立空間。主題作者可以通過styles.spacing.blockGap他們theme.json檔案中的鍵來控制它。
如果您是主題開發人員，那麼從純設計的角度來看，這是區塊主題最重要的組成部分之一。在它登陸WordPress之前，這是不可避免的。現在是測試和提供反饋的時候了。
這也僅僅是第一步。還有一些需要實施的部分和需要解決的問題。目前古騰堡外掛github有一些建議，如將其引入編輯器區塊控制元件。關於如何最好地處理預設區塊間隙的異常，仍然存在一些懸而未決的問題。
不管其未完成的性質如何，如果您對設計系統中的垂直節奏有任何關注，這將是一個令人興奮的發展。
評論留言