如何幫自己的 WordPress網站建立子佈景主題

子佈景主題對於 WordPress使用者來說,有時候會忽略這個好用的設計,特別是初學者有時候跟著網路上的各種教學修改佈景主題的時候,如果沒有使用子佈景主題,就會在下次主題更新時,讓好不容易修改好的客製化代碼被覆蓋掉!建立與使用子佈景主題非常簡單,也沒有什麼缺點,如果你還沒有使用,現在就建立一個吧!

一、子佈景主題用白話文來說到底是什麼?

原本你安裝好的佈景主題就是「父」,現在你可以建立一個和原本佈景主題功能、造型完全一樣的「子」。

二、使用子佈景主題有什麼好處?

子佈景主題是繼承「父」佈景主題的功能,但是你可以將個別的檔案複製到「子」的目錄中並做修改客製化,這樣一來,即使你的「父」更新了,也不會覆蓋到「子」的檔案,讓你的修改客製化都能一直被保留喔!

三、我有使用子佈景主題了嗎?

有些付費的佈景主題會直接提供你子佈景主題,如果你要確認自己是不是已經在使用子佈景主題了,你可以到 WordPress後台「外觀」>「佈景主題」看看「目前使用的佈景主題:」有沒有寫到 Child。
例如我的「父」佈景主題是 Astra,那麼我的子佈景主題會叫做 Astra Child。
如果你還沒有使用子佈景主題,可以參考下一個步驟建立一個!

四、開始建立子佈景主題

使用佈景主題可以手動,不過會需要使用到 FTP等的操作,這種比較技術的做法你可以參考 WordPress官方文件,為了方便讓初學者上手,我推薦下面這個外掛!

外掛名稱:Child Theme Configurator

你可以從 WordPress的後台「外掛」的地方搜尋 Child Theme Configurator 並安裝。安裝並啟用後,你可以在左側「工具」>「子佈景主題」找到控制相關功能的地方。

  1. 選擇「建立子佈景主題」,並在下方選擇你正在使用的佈景主題,然後按下分析。
  2. 接著,下方會跳出一些細部設定,大多數你都可以維持預設值,但是「將上層佈景主題的 [選單]、[小工具] 及其他 [外觀自訂器] 相關設定複製至子佈景主題:」這個項目要特別注意,如果你是剛要開始經營網站,都還沒有自訂各項外觀,就可以不要勾選;如果你已經經營網站一段時間才發現自己沒有使用佈景主題,那麼要把這個選項勾選!Child Theme Configurator會幫你把現在的主題設定複製到子佈景主題中!
  3. 按下「Create New Child Theme」建立子佈景主題。
  4. 前往「外觀」你可以看到建立好的佈景主題(名稱會帶有一個 Child) ,按一下「即時預覽」確認沒有問題以後就可以啟用啦!

五、Child Theme Configurator好用的功能

當我們建立好佈景主題以後,外掛只幫我們將最基本的子佈景主題設定好,某些時候的客製化我們會需要修改一些佈景主題的檔案,但是你會發現它不在子佈景主題的目錄中怎麼辦?Child Theme Configurator又可以派上用場了,它可以幫你把需要的檔案複製到子佈景主題中!

  1. 「工具」>「子佈景主題」,並切換到「檔案」頁籤
  2. 下方你可以看到佈景主題的各個檔案,找到你需要的檔案勾選後,按下「複製選取項目至子佈景主題」
  3. 你可以前往「外觀」>「佈景主題編輯器」的地方找到剛剛複製完成的檔案,並開始做你需要的客製化修改囉!

例如我的這篇「在 WordPress網站上顯示 Jetpack 流量統計人氣」就會需要修改一些佈景主題的檔案,這個功能就超方便的!

這個外掛使用完以後,你可以放心的將它停用或刪除,不會影響你的子佈景主題或功能!以上就是最方便又適合新手使用子佈景主題的方法!