WordPressで子テーマを作成しよう

投稿日: by keruu

ダウンロードしたテーマにコード変更を加えると、将来テーマのアップデートがあったときに自分のコードが消えてしまいますが、子テーマを作成すればその心配がなくなります。

子テーマとは親テーマを設定して、差分を作り込んでいくテーマです。親テーマのアップデートがあっても、子テーマに影響を与えるようなアップデートでなければほとんどの場合、問題なく子テーマが継続して使えるようになります。

作成方法

子テーマの作成方法をみていきます。

ここでは次の構成とします。

  • 親テーマ: twentyseventeen (公式テーマ)
  • 子テーマ: twentyseventeenchild

テーマフォルダの作成

テーマディレクトリに子テーマ用のフォルダを作ります。

wp-content/themes/twentyseventeenchild

子テーマを定義する

子テーマにstyle.css を作成します。

wp-content/themes/twentyseventeenchild/style.css

次の内容にします。

/*

Theme Name: [子テーマ名]
Template: [親テーマ名 ※1]
Author: [作者名]
Version: [バージョン番号]

*/

※1 親テーマ名は、外観–テーマメニューでテーマをクリックするとURLに表示されており、 ?theme=twentyfifteen のような感じになっているかと思います。

例) 親テーマとして Twenty Seventeen を使う場合は次のようになります。

/*

Theme Name: Twenty Seventeen Child
Template: twentyseventeen
Author: keruu
Version: 1.0.0

*/

親テーマのスタイルを適用する

子テーマにfunctions.phpを作成します。

wp-content/themes/twentyseventeenchild/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');
}

完成!

これで子テーマは完成です。

関連した商品

ビジネスサイト制作で学ぶ　WordPress「テーマカスタマイズ」徹底攻略

 

 「WordPressの基本はわかった。で、その次何をすればステップアップできるだろう？」 という人のための、WordPress活用本。

小さな会社のWordPressサイト制作・運営ガイド［オリジナルテーマ作成編]

自前でできる！ WordPressの本格テーマ作成。

WordPressオリジナルテーマの制作フロー

初めてWordPressのオリジナルテーマ制作にトライする方に向けて、テーマの制作フロー（工程）と周辺知識をまとめました。
Themes WordPress