使用Create Block Theme外掛建立區塊主題

使用Create Block Theme外掛建立區塊主題

與大多數軟體開發一樣,您不需要從零開始就能為您的客戶或您自己創造出有價值的東西。

對於 WordPress 區塊主題來說尤其如此。WordPress 外掛庫中Create Block Theme 外掛提供了一種直接的方法來建立新的區塊主題–無論是從活動主題衍生還是從空白畫布開始。

該外掛將WordPress 網站編輯器的功能用作主題建立工具,使其成為主題開發人員的強大資產。不過,由於它會對網站進行永久性更改,我們強烈建議在暫存環境中使用。

不出所料,該外掛僅與區塊主題相容,不適用於經典主題。在本文中,我們將探討建立 Create Block Theme 外掛的功能,並介紹如何使用它。

如何使用Create Block Theme外掛

Create Block Theme 外掛提供兩種訪問其功能的方式,具體取決於您的偏好和工作流程:

您可以通過WordPress 管理儀表板中的 外觀 > Create Block Theme 訪問外掛的設定。

這裡有一系列選項,包括儲存對當前主題的更改、建立新主題或匯出主題。雖然這種方法簡單明瞭,但與網站編輯器相比功能有限。

Create Block Theme外掛選項

外掛選項可在 WP 管理器的“外觀”部分檢視

為獲得最佳體驗,我們建議在 WordPress 網站編輯器中使用該外掛。通過選擇網站編輯器中的扳手圖示,您可以在實時編輯環境中直接解鎖外掛的所有功能。通過這種整合,您可以無縫預覽和自定義您的更改。

網站編輯器中的外掛選項

網站編輯器中的外掛選項

探索Create Block Theme外掛的功能

Create Block Theme 外掛提供了一系列強大的功能,可幫助您高效地建立、自定義和匯出區塊主題。讓我們詳細瞭解每項功能:

1. 儲存對主題的更改

概念和執行都非常簡單。在網站編輯器中,將樣式、模板和樣板更改為活動主題,然後儲存您的工作。

儲存主題更改的選項

儲存主題更改的選項

Save Changes 按鈕用於儲存您希望匯出的內容,而不是您所做的主題更改,後者只能通過預設的 Save 按鈕儲存。儲存的更改可以使用 WordPress 的修訂工具進行回滾(無需外掛)。

如上所示,如果你想匯出主題,有八個選項可以考慮:

  • 儲存字型
  • 儲存模板更改
  • 只處理修改過的模板
  • 儲存同步模式
  • 本地化文字
  • 本地化圖片
  • 刪除導航參考

2. 建立主題變體

雖然乍一看可能不太明顯,但通過該選項,您不僅可以建立風格變體,還可以建立新的調色盤和/或排版(可應用於文字、連結、標題、字幕和按鈕的字型集合)。

在下面的示例中,我們建立了一個 My New Variation 樣式。要做到這一點,至少必須建立一個新的調色盤和排版,以便與新的樣式變體相關聯。請注意,您在這裡只能看到新的變體(預設調色盤和排版不變)。

左側圖顯示新樣式變體的命名,右側圖確認其建立

左側圖顯示新樣式變體的命名,右側圖確認其建立

在下面的示例中,我們建立了一個包含兩種顏色的新調色盤,可應用於任何樣式變體。左側顯示了為新調色盤建立兩種自定義顏色的過程。中間顯示儲存過程。右側確認了新的自定義調色盤。

建立、儲存和確認新的自定義調色盤,其中包含兩種顏色。

建立、儲存和確認新的自定義調色盤,其中包含兩種顏色。

最後,我們在這裡建立了一個新的排版。我們新增了新字型 Roboto,然後將其分配給文字和標題元素(未顯示)。

使用 Roboto 字型建立、儲存和確認新排版。

使用 Roboto 字型建立、儲存和確認新排版。

右側顯示新排版使用的字型,中間顯示儲存過程,右側確認新排版。

簡而言之,您不僅可以建立一個完整的風格變體,還可以建立一個單獨的調色盤和/或排版,並以您選擇的任何方式應用到您的主題中。

3. 建立空白主題

如果你想從一個簡潔、與設計無關的主題開始,那麼建立空白主題選項是個不錯的選擇。它的作用類似於 WordPress 經典主題時代廣受開發者歡迎的 Underscores 主題

為空白主題提供名稱和後設資料

為空白主題提供名稱和後設資料

建立 Block 主題會生成一個基本的模板主題。正如所料,空白主題將

  • 只包含一個索引模板。
  • 沒有風格變化。
  • 只有一個頁首和頁尾模板。
  • 包含一個簡約的 theme.json 檔案
  • 不包含 functions.php 檔案。

與“建立新主題”或“建立風格變體”選項不同的是,這將建立一個全新的主題,一旦你看到“外觀”頁面,就會明白這一點。

外觀部分顯示的空白主題

外觀部分顯示的空白主題

注:建立空白主題時,它的最小樣式來自 WordPress 的預設 theme.json 檔案,該檔案為所有區塊主題提供了基本樣式。這些樣式可確保主題正常執行,但仍保持最低限度,作為自定義的起點。

4. 以 zip 格式匯出主題

這是外掛的一項便捷功能,因為它是將活動主題遷移到新網站的最有效方法。匯出功能會建立一個標準的主題壓縮檔案,可用於另一個網站。

外掛的匯出主題選項

外掛的匯出主題選項

與 WordPress 內建的匯出功能相比,以這種方式匯出主題有什麼不同?沒有區別。這只是匯出活動主題的一種非常方便的方式。

如果你不熟悉匯出活動主題的內建方法,請選擇右上角的三點選項,然後找到 Export 選項。

WordPress 預設的匯出選項

WordPress 預設的匯出選項

5. 建立新主題

讓我們來看看外掛提供的兩種建立新主題的方法。與空白主題一樣,使用該選項建立的主題也會出現在外觀 > 主題頁面,並在建立後自動成為活動主題。

無論你選擇 Clone a Theme(克隆主題)還是 Create a Child Theme(建立子主題),都會獲得與空白主題相同的選項。

建立克隆主題或子主題

選擇其中一個即可建立克隆主題或子主題。

克隆主題

克隆主題是將已儲存的更改複製到活動主題中。確定克隆主題的名稱後,還可以為主題設定如下後設資料:

  • 主題名稱
  • 主題描述
  • 主題 URI
  • 作者
  • 作者 URI
  • 最低 WordPress 版本

建立子主題

建立子主題為開發人員提供了在不更改程式碼的情況下更改主題的正確方法。

後設資料的選擇與建立克隆主題相同。

6. 編輯主題後設資料

您可以直接通過外掛自定義活動主題的後設資料。可以更新的後設資料欄位包括

  • Theme Name:顯示在 WordPress 主題管理器中的名稱。
  • Theme Description:主題目的或功能的簡要說明。
  • Theme URI:指向主題文件或演示的 URL。
  • Author:主題建立者的姓名。
  • Theme Version:主題的版本號。
  • Minimum WordPress Version:與主題相容的最早 WordPress 版本。
  • Theme Tags:用於分類和描述主題的關鍵字。
  • Recommended Plugins:您的主題依賴或增強的外掛。
  • Font Credits:感謝您的主題中使用的字型。
  • Image Credits:對主題中使用的任何圖片表示感謝。
  • Screenshot:在 WordPress 主題管理器中顯示的預覽圖片。

這些欄位對主題的專業性和釋出準備至關重要。

7. 檢視theme.json

如果您需要快速檢視 theme.json 檔案,外掛提供了 theme.json 的只讀檢視。該檔案包含主題的全域性樣式和設定,如顏色、排版和佈局配置。

檢視該檔案可以快速驗證應用於主題的自定義設定。

檢視 theme.json

只讀檢視 theme.json

8. 檢視自定義樣式

對於子區塊主題,theme.json檔案包含不影響父主題的自定義內容。這樣可以確保在子主題中實施特定更改時,父主題不受影響。

檢視這些自定義樣式的介面與父主題的 theme.json 檔案相同。

9. 重置主題

此選項允許您將對主題(包括樣式、模板和模板部分)所做的更改回滾到上次儲存操作時的狀態。

外掛提供的重置選項

外掛提供的重置選項

要想獲得更強大的方法,您可以使用 WordPress 修訂版本功能。這一內建功能提供了詳細的更改歷史記錄,讓您可以精確地將主題恢復到以前的狀態。

WordPress 修訂版本功能

WordPress 修訂版本功能

小結

如果您正在開始開發自定義區塊主題,那麼 Create Block Theme 外掛就是一個理想的工具。它充分利用了 WordPress 作為主題建立工具的所有功能,讓您的主題建立速度更快。

在使用該外掛的過程中,您會收到瀏覽器提示,幫助您瞭解將要採取的步驟。

從本質上講,該外掛允許從資料庫到檔案系統的資料傳輸。當對主題進行更改時,這些更改會儲存在資料庫中。如果需要,該外掛會從資料庫中提取這些更改,並建立新主題和/或匯出所需的檔案。

由於該外掛正在積極開發中,因此您可以期待它的增強功能,但也要注意可能出現的破壞性更改。測試特定功能時,請務必使用暫存環境。

評論留言