WordPressのテーマ「Gush」より子テーマの設定
用意するもの
基本は下記一式です。
後からもっと変えたいという方は、こちらのディレクトリ内で親のものを上書きする形にすると、
親はそのままで、子はまるっと変えられ安全です。
- gush_chiid [ディレクトリ] (こちら自由に名前変えれます)
- functions.php
- style.css
配置場所
場所は下記配下で配置します。
wordpress > wp-content > theme
┬ gush(親)
└ gush_child(子)
functions.php
こちら親から呼んで子を上書きする処理を追加します。
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'));
}
?>
style.css
こちら上書きしたいスタイルを指定します。
作成した子テーマのディレクトリ名と合わせます。合わせないと認識してもらえません!!
空にしても何もしないので、最初はそのままでもかまいません。
後でデザイン変えたいとなったら、こちらで定義すれば即反映されます。
ちなみに、WordPressの 外観 > テーマの編集 でいじれます。
@charset "utf-8";
/*
Template:gush
Theme Name:gush_child
Description:gushの子テーマです
Author:Kuratch
Version:1.0
*/
/* ↓こちらからスタイルをキメていきます☆↓ */
以上