子テーマのつくり方

子テーマとは

あなたが Snow Monkey のデザインやレイアウトを変更したいと思ったとき、CSS の追加だけですむのであればカスタマイザーの「追加CSS機能」を使うことで簡単に CSS を追加することができます。

CSS でデザインをカスタマイズしたい – カスタマイザーの「追加 CSS」を活用する

デザインをカスタマイズする場合、CSS だけですむのであれば子テーマをつくるよりカスタマイザーで設定するほうが…

snow-monkey.2inc.org

しかし、HTML 自体をカスタマイズしたかったり、PHP のコードを追加してテーマの挙動をカスタマイズしたい場合は子テーマをつくったり、My Snow Monkey プラグインを使う必要があります。

Snow Monkey を親テーマとして子テーマを用意すれば、子テーマから Snow Monkey のテンプレートを上書きしたり追加したりすることでカスタマイズを行うことができます（My Snow Monkey でテンプレートの上書きをおこなうことも可能ですが、上書きできるようにするためのコードを追加する必要があります）。

子テーマに Snow Monkey と同名のテンプレートがある場合はそれが使用され、無い場合は Snow Monkey のテンプレートが使用されます。

詳しくは下記をご参照ください。

Snow Monkey のカスタマイズは子テーマよりプラグインがオススメ！プラグインの雛形をダウンロードできるようにしました

子テーマの問題点 一般的に、テーマの設定では対応できないカスタマイズについては、子テーマを用意し、コードを書い…

snow-monkey.2inc.org

子テーマのつくり方（非推奨）

子テーマ用のディレクトリの作成

まず、子テーマ用のテーマディレクトリを作成します。ここでは snow-monkey-child という名前で作成することとして進めます。

/themes/
├ /snow-monkey/
└ /snow-monkey-child/
　　　　├ style.css
　　　　└ functions.php

style.css の作成

作成した snow-monkey-child ディレクトリの直下に style.css を作成します。この style.css で親テーマを Snow Monkey にするという宣言を行います。また、CSS を追加することもできます。

/**
 * Template: snow-monkey
 * Theme Name: Snow Monkey Child
 */

body {
  background-color: #ccc;
}

Template: snow-monkey が Snow Monkey を親として使用するという宣言、Theme Name: Snow Monkey child がこのテーマの名前は Snow Monkey Child です、という宣言になります。

その下に、例として背景を灰色にする CSS を追加しています。

子テーマの雛形を公開してくださっている方がいらっしゃいますので、ぜひ参考に見てみてください。オレインさんありがとうございます！

Snow Monkey専用のWordPress子テーマテンプレートを公開しました | オレインデザイン

100%GPL WordPressテーマのSnow Monkeyを使っています。 とても優れたテーマなので手を加える必要はほとんどないのですが、ちょっとしたことをしたい場合には以下の２つの…

olein-design.com

テンプレートの上書き

Snow Monkey のテンプレートと同じ階層で、子テーマにテンプレートを配置すると、Snow Monkey のテンプレートを上書きすることができます。つまり、Snow Monkey のテンプレートではなく、子テーマに配置したテンプレートが利用されるようになるということです。

このとき、Snow Monkey のテンプレートに記載されているバージョン番号をそのまま子テーマのテンプレートにも記述したままにしておくと、あとで Snow Monkey のテンプレートがアップデートしてバージョン番号が更新された場合に、「子テーマのテンプレートが古くなっている」旨の警告がでるようになります。古いテンプレートをそのまま使用しているとデザインが崩れたり脆弱性が残ったままになったりするため、バージョン番号は必ず記載しておくことを推奨します。

Snow Monkey v7 をリリースしました（テンプレート上書き時の警告機能、デザインのシンプル化等）

先日メジャーアップデートである v6 をリリースしたばかりなのですが、早々にまたメジャーアップデートである v…

snow-monkey.2inc.org

CSS の読み込み

子テーマの CSS を読み込ませるには、functions.php にコードの追加が必要です。ご使用の Snow Monkey のバージョンにより記述が異なりますのでご注意ください。

〜v0.6.1 の場合

add_action( 'wp_enqueue_scripts', function() {
	wp_enqueue_style(
		get_stylesheet() . '-child',
		get_stylesheet_uri(),
		[ get_stylesheet() ]
	);
} );

v0.6.2〜の場合

add_action( 'wp_enqueue_scripts', function() {
	wp_enqueue_style(
		get_stylesheet(),
		get_stylesheet_uri(),
		[ get_template() ]
	);
} );