【ワードプレス】子テーマを作成

子テーマとは

既存のテーマを使用してワードプレスのサイトを作ろうとしたときに、テーマがアップデートしたときにそれまでの変更が戻ってしまうことがあります。

それを防ぐために、予め子テーマを作ってその子テーマを編集することでアップデートでのデグレードを回避するものです。

特にスタイル(CSS)の変更はよく行うことがあるかと思うので自分設定にしている方は必須かと思います。

子テーマは、親テーマの設定を読み込んだ後、子テーマの設定を読み込みます。

子テーマの作成方法

1.子テーマのフォルダを作成する

wp-content/themes 配下にそれぞれのテーマがあります。

通例では「(元のテーマ名)_child」というフォルダを作ります。

2.最低限のファイルを作成

まずは、元のテーマ wp-content/themes/○○○○ 配下の「index.php」を「(元のテーマ名)_child」にコピーします。

次に「(元のテーマ名)_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' );
} ?>

と記述します。

子テーマを作る時は大抵スタイルを戻されるのを防ぐためなのでスタイルの再読み込みをしています。

スタイル(CSS)を変更している場合は「style.css」も作成しておきましょう。

中身は

/*
Template:(元のテーマ名)
Theme Name:(元のテーマ名)_child
*/
と記述します。
元々設定があるCSSではテーマ名のところを変更しましょう。

また、他のフォーマット(header.phpやfooter.phpなど)を編集している場合もあると思うので、その場合も対象のファイルをコピーしておきましょう。

3.テーマを変更する

テーマを変更するにはwp-content/themes 配下に先ほど作成した「(元のテーマ名)_child」というフォルダを配置します。

使用しているサーバによってやり方は様々なので各自で調べてみてください。

アップロードできるとワードプレスのテーマ選択画面に先ほどの「(元のテーマ名)_child」が選択できるようになっているので設定をします。

以上が子テーマの作成方法ですが、テーマやプラグインによって多少変わるところもあるかも知れません。

各調整をしていただけると良いかと思います。

kaito

WebデザインやWebシステムを作成しています。SEO関連の話しもしていきます。

シェアする