【WordPress】使用 Child Theme Configurator 建立 子佈景主題 Child theme

這篇文章是使用 WordPress 外掛 Child Theme Configurator 建立 WordPress 子佈景主題 以及後續編輯子佈景主題的筆記。

以前還在使用 GoDaddy 的時候,曾經也架過 WordPress 網站,當時因為只是嘗試性質,我覺得建立子佈景主題太麻煩了,所以都直接編輯佈景主題。

不過現在是想好好、認真經營我的網站,當然不能再這麼隨便了XD

為什麼要建立子佈景主題

當你套用的佈景主題升級和更新時,你所有編輯過的地方都會不見,等同於被還原。

子佈景主題的運作方式是以在子佈景主題內的設置覆蓋原佈景主題,所以如果有先建立子佈景主題並且是編輯子佈景主題的話,在遇到原佈景主題升級和更新時就不必擔心被還原了。

1. 下載/安裝 Child Theme Configurator 外掛

在 WordPress 後台的「外掛」→「安裝外掛」搜尋「Child Theme Configurator」後安裝並啟用。

安裝 Child Theme Configurator
安裝 Child Theme Configurator

2. 使用 Child Theme Configurator 建立子佈景主題

啟用外掛後,外掛的功能選單會新增在「工具」裡。(我常常找不到在哪XD)

點選「工具」→「子佈景主題」,進到頁面就會看到以下圖片的畫面。

這邊因為我已經建立過子佈景主題,所以進到畫面時預設是「 設定現有的子佈景主題 」,如果是第一次設定的話預設應該會是「 建立子佈景主題 」。

設定 Child Theme Configurator
設定 Child Theme Configurator

頁面上有提醒你總共三個步驟:

  • 選取執行動作:
    因為我們要新建立子佈景主題,所以選擇第一個「建立子佈景主題」
  • 選取上層佈景主題:
    選擇你套用/想修改的佈景主題,像我現在是套用 Blask 佈景主題然後想要針對佈景主題做樣式修改
  • 分析上層佈景主題:
    點擊「分析」按鈕,開始進行檢查樣式表的相依性及其他潛在問題

分析完畢後會出現新的畫面如下圖。

※ 因為大部分被廣泛使用的佈景主題分析成果都是正常的,在此就不討論失敗的例子。

這些項目基本上不太需要特別設定,按下最下方藍色按鈕「Create New Child Theme」確定建立新的子佈景主題。

設定 Child Theme Configurator
設定 Child Theme Configurator

3. 套用/編輯子佈景主題

點選「外觀」→「佈景主題」,這時候可以看到有兩個預覽圖一樣的佈景主題,一個是原先的佈景主題 Blask ,另外一個是剛才建立的新的子佈景主題 Blask Child,系統也已經自動套用了。

子佈景主題
子佈景主題

再來點選「外觀」→「佈景主題編輯器」, 就可以編輯剛才建立好的子佈景主題。

右上方會有「選取需要編輯的佈景主題」,確定是子佈景主題沒錯,這樣就大功告成囉:)

編輯 子佈景主題
編輯 子佈景主題

一直過著無趣的生活,正嘗試用愛的力量豐富一切。夢想出一張嘴就能改變世界。

-

如果需要我幫忙,歡迎告訴我:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *