使用Theme.json Creator啟動基於塊的WordPress主題開發

Gutenberg 9.1對其theme.json文件(experimental-theme.json)進行了向後不兼容的更改,而全站點編輯處於實驗狀態。 這是主題開發人員需要在其基於塊的主題中創建的配置文件。 保持最新狀態對於主題作者可能是一個挑戰,但是主題團隊代表Ari Stathopoulos寫道 開發人員完整指南

Automattic的首席設計師Jon Quach也一直在忙於創建一個工具,以幫助主題作者過渡到基於塊的主題。 他最近建立了一個基於UI的項目,名為 Theme.json創建者 為主題作者構建了JSON代碼。 另外,它是Gutenberg插件中最新的更新。

像這樣的工具將是開發社區所需要的,因為它克服了從傳統主題開發範式轉移到新時代的不可避免的麻煩,新時代的主題幾乎完全由塊和配置文件組成。

隨著JavaScript的添加,插件開發變得越來越複雜,主題開發正朝著其HTML和CSS的根源發展。 我們正朝著一個未來發展,未來會有更多的人能夠創建WordPress主題。 甚至可以共享主題片段(例如,模板部分和樣式)的可能性。 這不僅可以通過降低准入門檻來增強主題設計師的能力,還可以使一些最終用戶跳入主題構建領域。

但是,theme.json文件是未來主題創作的一個方面,該主題非常面向開發人員。 JSON是各種編程語言之間共享的通用格式。 它是由機器讀取的,並不像其他格式那樣對人類友好。 隨著theme.json文件的增長,可以容納更多的配置選項,簡單地在其中鍵入鍵和值將變得越來越不友好。

構建工具以簡化主題構建過程的這一部分是有意義的。

這就是輸入Theme.json Creator工具的位置。主題作者選擇並選擇他們想要支持的選項並輸入自定義值。 然後,該工具將所有內容以正確格式的JSON吐出。

用Theme-json-creator啟動基於塊的wordpress-theme-development,使用Theme.json Creator啟動基於塊的WordPress主題開發使用Theme.json Creator工具。

該工具尚未涵蓋的一件事是自定義CSS變數。 此功能是theme.json規範的最新功能。 它允許主題作者創建WordPress將自動輸出為CSS的任何自定義屬性。 Stathopoulos在他的公告中介紹了如何創建具有自定義屬性的印刷比例尺,以及如何將這些變數用於編輯器功能,例如行高和字體大小值。

當前,Theme.json Creator的主要重點是全局樣式。 但是,Gutenberg允許主題作者在塊級別配置默認樣式。 例如,主題設計者可以將核心「標題」塊的顏色或版式選項設置為與默認的全局樣式不同。 這為主題作者提供了對每個塊的微調控制。

Theme.json Creator尚不支持此級別的配置。 但是,看看Quach將來是否添加它會很有趣。

目前,專註於設置全局樣式是一個好的開始。 這仍然是實驗功能。 它的好處在於,它可以幫助主題作者開始了解一個基於塊的主題拼圖是如何適合的。這是一種全新的方法的起點,該方法是在大多數人習慣於添加功能時添加對功能的主題支持多個add_theme_support()PHP函數調用。

在主題開發似乎正朝著前進的方向發展的過程中,很容易想像它可能會在某些時候演變為完全基於UI的事情。 如果模板由塊和模式組成,任何人都可以使用塊編輯器來構建它們,並且如果樣式本質上可以歸結為配置文件,則構建基本的WordPress主題幾乎不需要編程。

如果至少還沒有人為一個允許用戶創建和打包基於塊的主題的插件寫下筆記,我會感到驚訝。 目前,Theme.json Creator不再需要為主題設計過程的至少一部分編寫代碼。

像這樣:

喜歡載入中……

資源

相關文章