Automattic 主題團隊發布插件構建 Blockbase 子主題

周三,本·德懷爾 宣布了一個新的基於塊的插件 在 Theme Shaper 博客上。 Automattic 主題團隊建立了一個 兒童主題創作者 為其 Blockbase WordPress 父主題。

塊基 已經迅速開始填補 Underscores 的角色,這是許多開發人員在經典時代用來創建自定義主題的啟動器。 對於塊模板和全局樣式,需要一些新鮮的東西。 對於想要測試塊主題水域的主題作者來說,它既是啟動板又是教育工具。

現在的方法與過去不同。 Automattic 主題團隊沒有使用 Blockbase 作為可定製的起點,這仍然是一個有效的用例,而是更加傾向於子主題。 單親養育了一大群孩子,家庭發展迅速。 自從在 WordPress.org 上發布 Blockbase 以來,該團隊已經為其推出了五個子主題。 他們的 GitHub 上的主題存儲庫 顯示其他幾個正在進行中。

憑藉團隊武器庫中的人才和手頭的 Create Blockbase Theme 插件,他們可以在設計後吐出設計。 當然,如果團隊動作太快,子主題可能會開始失去一些風味。

Dwyer 創建了一個名為 Typewriter 的自定義主題,可通過公告帖子下載。 對於我的測試,我並沒有在定製方面走得那麼遠,而是依賴於 Blockbase 預先存在的配色方案之一。

automattic-theme-team-releases-a-plugin-to-build-blockbase-child-themes Automattic 主題團隊發布插件來構建 Blockbase 子主題

我主要想了解該工具的工作原理。 經過一些修補,我有了一些仍然感覺很像它的父級的東西,只是做了一些簡單的改變。

要使用該插件,用戶必須安裝並激活 Blockbase 主題。 在 WordPress 5.9 發布之前,Gutenberg 插件也是必要的。 目前,有兩個地方可以進行風格更改。 第一個是在站點編輯器中。 我對標題模板部分和索引模板做了一些調整。 我還更改了一些全局樣式。

automattic-theme-team-releases-a-plugin-to-build-blockbase-child-themes-1 Automattic 主題團隊發布插件來構建 Blockbase 子主題自定義索引模板和全局樣式。

修改主題設計的第二個地方是通過 Blockbase 啟用的定製器(默認情況下,塊主題無法訪問它)。 當站點編輯器處理所有必要的用例(例如 網頁字體API.

在切換配色方案並選擇幾個自定義字體後,我已經準備好了一切。

automattic-theme-team-releases-a-plugin-to-build-blockbase-child-themes-2 自動主題團隊發布插件來構建Blockbase子主題選擇自定義字體。

在我完成了我想要的所有自定義之後,我前往管理中的外觀 > 創建 Blockbase 主題。 該頁面有幾個欄位需要填寫——只是基本的主題信息。 完成後,單擊「創建 Blockbase 主題」創建了一個可下載的 ZIP 文件。

automattic-theme-team-releases-a-plugin-to-build-blockbase-child-themes-3 Automattic 主題團隊發布插件來構建 Blockbase 子主題生成 Blockbase 子主題。

一切正常。 我遇到的唯一問題是使用多詞主題名稱時主題文件夾 slug。 酒館測試變成了 tavern_test.zip。 標準做法是將主題文件夾連字元而不是使用下劃線來分隔多個單詞。

該插件確實添加了一個空白的 screenshot.png 文件。 如果創作者打算公開發布他們的自定義子主題,他們將希望改變這一點。

這是我長久以來為 WordPress 主題空間設想的那種未來,它可以讓任何人都可以創建自己的設計。 在未來,最終用戶,即使是非編碼人員,也可以修補一段時間,導出他們構建的任何內容,並與他人共享。

那時我們還沒有使用 WordPress 本身。 站點編輯器目前允許用戶導出他們的模板。 但是,我希望將來可以將相同的功能擴展到導出完全可安裝的父主題或子主題。 民主化設計的基礎意味著每個人都可以在不學習編碼的情況下試一試。

像這樣:

喜歡載入…

來源

相關文章