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

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

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

為什麼要建立子佈景主題

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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