WordPress 自行建立子主題 Child Theme

Astra 佈景主題改版之後,我的手機版 Logo 一直不見
改得很煩 我就換主題啦!
搜尋了一下 WordPress 快速主題,按此觀看文章

會選擇 KAVA 是因為覺得版型簡潔也沒有太多外掛而且免費
在 blog Layout 有50種選擇(好多)
文章頁也有10個版型 可以按此看範例

為什麼要建立子主題?
「子佈景主題沿用了父佈景主題的功能和樣式,不會因為父佈景主題更新而改變設定。」

寫這篇文章是因為我忘了添加子主題 設定好了又重來一次
網路找一堆 我覺得寫得不夠清楚 以免自己日後忘記
所以就寫上來啦
所以如果你也想要建立佈景主題的子主題,就跟我一起做吧

建立子主題最快方式是到主機的文件在線管理區
直接線上新增編輯

子主題資料夾名稱:kavachild(名稱是其他的就改成你自訂的)
裡面有三個檔案:

  • screenshot.png
  • functions.php
  • style.css

 

如果使用KAVA直接把我的文字複製貼上就好

 

  • style.css

/*!
Theme Name: Kava
Theme URI: https://crocoblock.com/kava/
Author: Crocoblock
Author URI: https://crocoblock.com/
Description: Child Theme
Template: kava
Version: 2.1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kavachild
*/

  • functions.php

<?php
add_action( ‘wp_enqueue_scripts’, ‘enqueue_parent_styles’ );
function enqueue_parent_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
}
?>

  • screenshot.png

可以直接拿原本kava資料夾的取代就好(我自己還是有做簡單的分辨,如下圖)

 

就這麼簡單!

最後記得到外觀的佈景主題挑選子主題來編輯就好啦!
因為我會設定一些網站的CSS 或更動頁面排版
如果這些功能你都不會去用到
請直接忽略這篇文章吧 ^^

最新文章通知!記得收信按確認,退訂也很方便啦