Gutenberg 10.8新增了新的排版控制元件和區塊預覽

週三，Gutenberg 10.8登陸WordPress外掛目錄。該版本包括用於控制標題區塊的字型粗細和列表區塊的字型系列的新排版選項。音訊和檔案區塊現在在插入器中顯示預覽內容。

古騰堡10.7感覺它引入了比10.8更炫的功能。但是，這仍然是一個可靠的版本。有時，您看不到的東西與您看到的東西一樣重要。全站點編輯 (FSE) 元件繼續快速發展。大多數更改是錯誤修復而不是增強。

其中一個主要的主題相關的FSE升級允許開發者通過theme.json設定的導航選單連結填充。這可能是一個小小的進步，但不太可能解決樣式導航項和巢狀列表的眾多問題。此更改也不影響頁面列表區塊連結，它可以設定為導航選單項。在網站編輯成為可能之前，導航區塊將是最難破解的問題之一。像這樣的增強功能有所幫助，但要找到同時滿足主題作者和使用者的解決方案，這是一條漫長而曲折的道路。

使用者應該在模板編輯模式下看到文章標題。模板詳細資訊模式還包括更詳細的資訊，例如如何最好地命名自定義模板。

新的排版選項

Gutenberg 10.8啟用了H標題區塊的font-weight控制。這允許主題作者通過他們的theme.json檔案定義預設權重，使用者可以通過編輯器中的側邊欄面板覆蓋它。

測試標題區塊的字型粗細

控制元件顯示所有九種可能的粗細：

• Thin
• Extra Light
• Light
• Regular
• Medium
• Medium
• Semi Bold
• Bold
• 黑體

雖然每個粗細都是可選的，但這並不意味著所有字型都支援特定的粗細。例如，使用者將在2021主題中看到Extra Bold和Black之間沒有區別。

從長遠來看，這應該與字型系列控制相結合。這將允許主題作者定義特定系列支援哪些權重，使這些權重成為使用者的唯一選擇。

List區塊憑藉其對字型系列選項的支援而領先於其他區塊。通常，我們會看到Heading或Paragraph區塊首先獲得此類功能。

為List區塊設定自定義字型系列

Site Title、Site Tagline和Post Title區塊目前都支援字型系列控制元件。看到擴充套件的排版選項是一個受歡迎的補充，但我期待著在每個街區都提供它們的那一天。

主題作者還可以為站點標題和站點標語區塊定義自定義字母間距。但是，該功能目前未出現在區塊選項側欄中，這將允許使用者對其進行自定義。有一個未解決的工單可以解決UI的這個缺失部分。

音訊和檔案區塊預覽

插入器中的音訊區塊預覽

開發團隊為插入器中的音訊和檔案區塊新增了新的預覽。這是一個很好的增強功能，新增了一些剩餘核心區塊的長期缺失預覽，但它也是一個錯誤修復。

在以前版本的區塊編輯器中，嘗試通過音訊或檔案區塊上傳媒體的使用者將獲得重複上傳。這隻發生在他們的主題或外掛註冊自定義區塊樣式的情況下。新增預覽顯然修復了這個奇怪的錯誤。

此更改也幾乎為我們提供了WordPress 5.8之前的區塊的完整預覽集。Classic、Spacer、Shortcode和Legacy Widget沒有它們，但它們是獨特的情況。即將推出的與主題相關的區塊也缺乏預覽。

“檔案”標籤現在顯示為檔案下拉

重複的檔案標題和標籤

當使用檔案區塊作為下拉選單時，它現在輸出一個標題為“檔案”的標籤。雖然這是一個看似微不足道的變化，但它可能會影響主題通常如何呈現這個區塊。

這種增強改變了一些現有的期望。貫穿WordPress歷史的主要用例是在小工具中顯示檔案下拉選單。在這種情況下，幾乎總是有一個小工具標題前面帶有“檔案”文字。我希望大多數其他用例都會遵循類似的模式。這實質上會建立重複的文字。

Themes Team代表Carolina Nymark有一個替代建議：

如果標籤預設可見，但有隱藏它的選項怎麼辦？與搜尋區塊類似，除了在選項切換時，存在在螢幕閱讀器文字CSS類中隱藏的實際標籤。

目前，需要隱藏它的主題作者應該.wp-block-archives-dropdown>label在他們的CSS中定位該類。