使用FSE主題生成器快速啟動基於塊的主題開發

基於塊的主題並不複雜。 它們的結構幾乎足夠簡單,以至於開發人員不太需要使用工具來生成空白主題。 但是,對於不熟悉如何為即將到來的全站點編輯(FSE)功能構建主題的人來說,樣板是一個不錯的起點。

主題實驗 存儲庫現在有一個新的 空主題。 旁邊還有一個命令行工具,用於使用自定義名稱,作者和URI生成該主題的副本。

這個想法並不新鮮。 有大量這樣的工具可以在野外生成主題。 但是,現在該是專註於基於塊的主題的新工具的時候了。

對於想要生成基於塊的新主題的主題作者,他們必須克隆主題實驗存儲庫的副本。 然後通過其命令行工具導航到該文件夾​​,然後鍵入以下命令:

php new-empty-theme.php

從這一點出發,只需回答幾個問題,然後讓該工具完成創建新主題文件夾的工作即可。

挖掘生成的主題

生成的主題不多看。 但是,它是在新的全站點編輯系統中起作用的主題。 激活後,主題作者可以開始通過「網站編輯器」屏幕修改主題(需要使用Gutenberg插件)。

使用FSE主題生成器快速啟動基於塊的主題開發使用FSE主題生成器快速啟動基於塊的主題開發在網站編輯器中生成的主題。

有一個例外是它是一個工作主題。 載入標題模板部分當前已損壞。 當然,我 開了票 對於這個問題,開發團隊應該很容易解決。

與傳統主題相比,文件和文件夾的結構很小。 它包含在網站編輯器中啟動和運行主題的基本信息。 包括以下文件和文件夾:

  • /資產
    –aligns-front.css
  • / block-template-parts
    – header.html
  • / block-templates
    – index.html
    – singular.html
  • 實驗主題.json
  • functions.php
  • index.php
  • 自述文件
  • style.css

甚至那些將來都可能被削減。 實驗性theme.json文件最終將重命名為theme.json。

當前的alignments-front.css是將近80行的樣板代碼,用於處理各種塊對齊。 無需每個主題作者都重新創建所有這些代碼,在各個主題之間應該不會有太大變化。 這就是為什麼古騰堡有一張開放票的原因 提供對齊方式 在前端。 主題作者將可以覆蓋此內容。 但是,需要與代碼主題作者爭奪的文件和行數越少越好。

標準index.php模板為空。 由於基於塊的模板存儲在/ block-templates和/ block-template-parts文件夾中,因此對於構建主題不再有用。 style.css僅包含主題信息。 FSE主題將主要使用theme.json配置默認樣式。

在接下來的幾個月和幾年中,主題作者將主要在theme.json文件和塊模板文件夾中工作。 關於主題生態系統是否會輕易接受這一變化,尚無定論。 同時,看到主題開發的複雜性令人耳目一新。 今天的傳統主題創建了龐然大物的代碼庫,試圖跟上用戶想要的功能。 開發人員構建主題的方式的轉變是不可避免且必要的。

我使用生成的主題進行的第一個選擇是在functions.php文件中包含了可插入主題設置功能,這些文件在某種程度上已成為多年來開發的主題的主體。 在此類設置功能中,有用於啟用或禁用所有功能的API,並且沒有理由讓子主題全部覆蓋它們。

如果事情按計划進行,那麼即使是標準主題設置功能也可能在砧板上。 這些函數通常是對add_theme_support()的調用列表。 長期計劃是針對默認的基於塊的主題啟用當前受主題支持的功能,或通過theme.json文件進行配置。

像這樣:

喜歡載入中……

資源

相關文章