WordPressの子テーマ作成法

WordPressのスタイルを修正したり、自分でphpいじったりする系の記事だと必ず、子テーマ作ることが推奨されていますよね。

丁度子テーマを設定する機会があったので理由とやり方をまとめておきます。
※よくよく考えるとWordPressユーザの殆どがこの設定必要なんじゃないかと思います。

やり方としては、以下の二通りがあります。

プラグインを使う
自分で子テーマを作る

私はプラグインが嫌いあまり好きではないので、この記事では自作の方法をまとめています。

子テーマ作成法

①子テーマ用のフォルダを作る

親テーマ(今回はtwentyseventeen)と同じ階層にフォルダを作ります。新規フォルダ作成でOKです。

②子テーマ用のfunctions.phpとstyle.cssを用意する

親テーマフォルダにあるfunctions.phpとstyle.cssをコピーして①で作成したフォルダ内に入れます。

もちろん、新規作成してもいいのですが、ファイル名や改行コード、文字コードをミスると死ぬのでコピーした方が無難です。

③function.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'));
}
?>

↑の内容をコピペでOKです。あ、改行コード等は気を付けてくださいね(念押し)

functionの中の1行目で親テーマのstyle.cssを読み込んでいます。

functionの中の2行目は親テーマの後に子テーマを明示的に読み込む処理です。
通常は不要ですが、子テーマのstyle.cssが正しく読み込まれない場合はコメントを外してみてください。

④style.cssを書き換える

/*!
 * Theme Name:  Delivery Lite child
 * Theme URI:
 * Template: twentyseventeen
 * Description: 
 * Version:     1.0.0
 * Author:      mathkuro
 * Author URI:  https://www.mathkuro.com
 */

↑の内容をコピペして適宜書き換えてください。あ、改行コード等は気を付けてくださいね(念押しの念押し)

<<注意点>>
3行目の”Template:~”の部分は一字一句ミスらずに親テーマの名称(フォルダ名)にすること！！

これをミスると表示が崩れるので注意！！（~~そして気づくまで数時間かかる~~）

それ以外の箇所は別に表示には影響しないので適当で大丈夫です。
精神衛生上ちゃんとしておいた方がいいですが。