Gutenberg 12.3 引入了新模塊、設計選項和完整的核心模塊參考

首先 古騰堡插件發布 年度包含大量功能。 開發人員應該享受完整的核心塊參考。 組塊間距控制項提供了更大的布局靈活性,並且新的作者姓名塊已經出現。 總的來說,網站編輯體驗正在形成。

最新版本增加了幾個不錯的設計選項。 現在組塊 支持排版選項. 這將使用戶和主題設計者更容易同時更改所有子塊的字體大小、系列等。 間隔塊 支持自定義單位,因此用戶不再局限於像素。 段落現在有一個 字體系列選項.

主題作者現在可以註冊 「無名」字體大小 以支持核心尺寸。 他們還有新的評論分頁 以前的下一個 用於處理分頁評論的塊。

沒有 edit_theme_options 功能的用戶(默認為管理員)可以 不再創建導航菜單 通過網站編輯器。 但是,他們可以通過導航塊選擇現有的。 這將菜單創建返回到其原始限制。

讓我們深入了解一些重要功能。

完整的塊參考

雖然普通用戶可能永遠不會看它, 核心模塊參考 在編輯器手冊中對開發人員來說應該是一個受歡迎的景象。 幾乎不可能記住所有的塊和關於它們的一切。

數據是自動生成的。 參考中的每個塊都顯示以下信息:

  • 名稱
  • 類別
  • 支持
  • 屬性

我希望 WordPress.org 將來能夠為所有塊插件自動顯示此內容。 數據是通過 block.json 文件標準化的,所以沒有理由不應該。 否則,個別插件作者需要重新創建它以共享他們自己的參考。

使用網站標誌作為 Favicon

用戶現在可以保存用於 站點徽標塊作為他們的站點圖標 (favicon) 通過站點編輯器。 由於塊主題用戶的定製器正在消失,這是朝著正確方向邁出的一步。 他們需要一種簡單的方法來設置它。

Gutenberg-12-3-introduces-new-blocks-design-options-and-a-complete-core-blocks-reference Gutenberg 12.3 介紹了新塊、設計選項和完整的核心塊參考新的「用作站點圖標」選項。

這種解決方案有兩個缺點。 第一個是默認情況下啟用此選項。 如果用戶沒有注意到,他們可能會在不知情的情況下覆蓋現有的站點圖標。 徽標和圖標並不總是匹配。 WP Tavern 網站展示了一個典型的例子。

第二個問題是我們需要一個專用的站點圖標選項。 將其添加到管理員中的可用設置屏幕之一將是一個簡單的解決方案。 這將有時間弄清楚如何最終將其添加到站點編輯器中。

帖子作者姓名塊

古騰堡 12.3 引入了一個新的 帖子作者姓名塊. 顧名思義,它會顯示帖子的作者。 這是一件看似簡單的事情,但當你等待它很久時——嗯, 自 2021 年 5 月,從技術上講 – 感覺具有紀念意義。 為了顯示我看到這個塊有多高興,我為它製作了五種自定義樣式。

Gutenberg-12-3-introduces-new-blocks-design-options-and-a-complete-core-blocks-reference-1 Gutenberg 12.3 介紹了新塊、設計選項和完整的核心塊參考修改自定義 Post Author Name 塊樣式。

這是努力的一部分 拆分原始的 Post Author 塊 成更小的組件。 目前,它可以顯示作者姓名、頭像、個人簡介和自定義署名文本。 如果主題設計者只需要單行元區域中的作者文本,則用戶通過站點編輯器啟用這些其他元素通常會將整個事情搞砸。

單獨的 Post Author Avatar 和 Post Author Bio 塊已計劃好。 當接下來的兩個登陸時,它將給主題作者更多的靈活性。

組塊間距控制

我覺得自己像個玩具店裡的孩子,在這個版本中看到不止一個我長期以來的抱怨。 現在組塊 支持塊間距控制. 這允許用戶和主題作者定義其子塊之間的邊距。

其主要用例之一是摺疊相似元素之間的邊距。 例如,用戶可能希望將三個 File 塊組合在一起,它們之間沒有任何空格,如下面的屏幕截圖所示:

Gutenberg-12-3-introduces-new-blocks-design-options-and-a-complete-core-blocks-reference-2 Gutenberg 12.3 介紹了新塊、設計選項和完整的核心塊參考堆積的塊。

通常,這些塊之間將具有標準的頂部邊距。 通過將塊間距設置為 0,用戶可以將它們擦除。

「清零」邊距一直是某些主題要解決的最令人沮喪的問題之一,尤其是在處理寬或完全對齊的塊時。 在這些情況下,WordPress 編輯器的 HTML 標記與前端不匹配。 Group 塊上的塊間距控制解決了多種情況下的這個問題。

當然,這不僅僅是消除塊之間的邊距。 還可以創造更多空間。

使用 Group 塊的 Row 變體時,間距是水平的。 這也應該照顧到很多主題布局的需求。

來源

相關文章