全球風格變化,主題「皮膚」已登陸古騰堡

這是忙碌的一周,我幾乎錯過了我最想要的組件之一 古騰堡 12.5 RC 1. 這 全局樣式變化功能 當其他人都熟悉 WordPress 5.9 時,它悄悄地溜進來了。 12.5 版的正式發布預計要到下周才能發布,但這並沒有阻止我對其進行試運行。

什麼是全局樣式變化? 我會假設你錯過了我的帖子 去年 11 月讚揚了這個想法.

從本質上講,全局樣式變體是用戶可選擇的當前活動主題的皮膚。 例如,具有默認藍色配色方案的主題可能包含綠色、紫色或紅色替代品。 這個想法不僅限於顏色。 任何可以通過全局樣式系統進行更改的東西都在起作用,例如排版、布局、邊框等等。

global-style-variations-skins-for-themes-have-landed-in-gutenberg Global Style Variations,主題的「皮膚」,已登陸古騰堡站點編輯器中的樣式變化。

從主題開發人員的角度來看,他們會將自定義 stylename.json 文件放在主題中的 /styles 文件夾下。 古騰堡,最終,WordPress 將自動將這些註冊到系統中。

該功能旨在與 WordPress 5.9 一起提供,而二十二十二主題應該是它的揭幕。 但是,它還沒有完成,現在已在 WordPress 6.0 的名單上。

我很快就為我的自定義主題構建了幾個額外的變體。 只需單擊一個按鈕,我就可以更改我的配色方案和字體。

global-style-variations-skins-for-themes-have-landed-in-gutenberg-1 全球風格變體,主題「皮膚」,已登陸古騰堡global-style-variations-skins-for-themes-have-landed-in-gutenberg-2 全球風格變體,主題的「皮膚」,已登陸古騰堡

如果這感覺與 WordPress 中已經存在的另一個功能非常相似,那麼您並不孤單。 兒童主題源於為同一主題提供設計變化的相同想法。

子主題在 WordPress 中並不總是可行的。 它們通過草根的努力和第三方插件越來越受歡迎,它們的第一個用途是通過標準 style.css 文件提供不同的設計。 用戶可以保持網站的所有內容完好無損,並在需要時添加新的油漆塗層。

在 2000 年代後期,兒童主題產業蓬勃發展。 這 沙盒主題 是最早使用該功能的人之一,其他像 Thematic 這樣的人繼續推動這個想法。 隨著時間的推移,《創世紀》成為最著名的使用兒童主題的公司之一。

然而,兒童主題變成了自己的野獸。 它摒棄了最初的想法,即為網站設計皮膚,轉而創建與他們的父母一樣大的成熟主題——有時甚至比他們的父母還要大。

全球風格的變化將我們帶回到最初的基礎。 它讓我們回到更類似於 CSS Zen Garden 的 使用 CSS 進行設計之美,這是兒童主題的基本承諾之一。

有一個區別。 變體保存在 JSON 文件而不是 style.css 中。 前者是一個基於標準的配置文件,允許用戶通過站點編輯器進一步定製他們的設計。

子主題仍將在 WordPress 世界中佔有一席之地。 有時,開發人員和 DIY 最終用戶需要通過站點編輯器進行超出可能範圍的自定義。 然而,在許多情況下,全球風格的變化將提供一個誘人的選擇。

很有希望在 WordPress 6.0 發布周期的早期看到這片土地。 在為核心做好準備之前,該功能仍需要一些工作,例如弄清楚如何最好地 保存用戶自定義 的風格變化。

主題作者須知

塊編輯器手冊已經有了 有關全局樣式變化的文檔. 它很短,但自定義 JSON 文件應該遵循標準的 theme.json 模式。 文檔中沒有提到您需要將版本密鑰添加到每個文件:

{「弗森」:2,}

如果我沒有添加它,那麼我的所有變體都不會在測試中起作用。 我不知道這是一個錯誤還是故意的。 我預計它會回退到主 theme.json 文件中的設置。

您也不能覆蓋項目數組中的單個值。 例如,如果添加 settings.colors.palette 值,它將替換整個調色板。

來源

相關文章