Gutenberg 11.6改進全域性樣式UI及增加子主題支援

Gutenberg 11.6已於上個月底正式釋出。貢獻者新增了數十項增強功能和錯誤修復。誠然,作為一個使用者,這個版本並沒有什麼讓我興奮的地方。

  • 文章標題區塊的排版選項這個不錯!
  • 裁剪站點Logo。一個必要的補充。
  • 工具欄按鈕,用於將舊的影象區塊轉換為新的格式 — 仍處於實驗階段。尚可。

在大多數情況下,對於我們這些密切關注外掛開發的人來說,該版本感覺就像是一系列常規增強功能。幾乎無聊。這根本不是一件壞事。對於專案及其開發人員來說,減少興奮和較小劑量的迭代改進可能是健康的。我們並不總是需要感覺自己正在追逐下一件大事。這是一個全面的版本,它完善了許多領域,從導航到小部件,再到一般的塊增強。

我很高興看到有兩個功能在發展。那就是站點編輯器的全域性樣式系統和子主題支援。

全域性樣式更新

全域性樣式面板開啟的預設站點編輯器外觀

全域性樣式面板開啟的預設站點編輯器外觀

Global Styles是WordPress歷史上第一次真正將終端使用者與主題開發人員連線起來的系統,反之亦然。我們在這方面做了一些嘗試,比如定製器。但是,此功能將在標準化區塊系統之上處理它。

本質上,主題將通過其檔案與WordPress對話theme.json,使用者將通過全域性樣式面板使用相同的語言。

例如,假設主題作者將預設文字顏色設定為黑色,將背景設定為白色。這將出現在站點的前端,但也會反映在站點編輯器中。全域性樣式介面允許使用者將這兩種顏色更改為他們喜歡的顏色。他們還可以在面板頂部的框中檢視其顏色和排版樣式的預覽

更新顏色在編輯器和麵板頂部顯示預覽

更新顏色在編輯器和麵板頂部顯示預覽

而且,它並不止於幾種簡單的顏色。使用者可以在根和區塊級別修改各種設計方面,例如排版和間距。

Gutenberg 11.6向全域性樣式側邊欄新增了一個導航元件。總體而言,在編輯我的主題樣式時,通過頂級和子級別工作感覺更加順暢。

更新程式碼區塊的全域性填充

更新程式碼區塊的全域性填充

這是對整體全域性樣式介面進行大修的一個小而重要的步驟。還有很多工作要做,但我很想知道古騰堡的貢獻者在接下來的幾周和幾個月裡把這個元件帶到哪裡。

但目前單擊根級別的“排版”選項卡會產生錯誤。但是,它在區塊級別工作。

貢獻者還更新了代表全域性樣式面板的舊“Aa”圖示,帶有一個半黑半亮的圓形按鈕。我的直接反應是它是為了在明暗模式之間切換。

這是使用者(來自現已刪除的帳戶)在GitHub上的吐槽

全域性樣式並不是一個脫離樣式和主題的新系統,它確實是對當前主題系統的改進。如果我們考慮WordPress過去和現在的實力,我們會認為在儀表板上,確實在人們的記憶中已經開發了一個畫筆圖示,作為與外觀、主題、風格、個性化的關聯。因此,對於新的定製器,人們記憶中最容易理解的圖示仍然是一個畫筆。我說新的更好的定製器,因為這是普通人表達他們對全域性樣式的理解的方式。從鉛筆刷到陰陽、月亮或水滴,我還沒有與公眾進行測試,但根據過去的經驗,我向你們保證人們會發現這個新圖示無關且令人困惑。

區塊子主題支援

直到現在,Full Site編輯的所有元件還沒有完全支援子主題。仍然有一些部分可以放入拼圖,但系統應該可以正常工作,主要是。

theme.json來自子主題的模板、模板部件和檔案現在應該完全覆蓋來自父. 這些更改適用於前端和站點編輯器。

一些懸而未決的問題正在相關的GitHub討論中解決。最關鍵的發展還在後頭,它將處理父theme.json檔案和子檔案之間的合併值。例如,子主題應該能夠覆蓋顏色和排版,同時跳過與佈局相關的值的定義,退回到父主題是有道理的。

一旦到位,設計師將有一種簡單而強大的方式來實現CSS Zen Garden背後的原始願景,該專案至少部分激發了WordPress對子主題的採用。

評論留言