WordPressで子テーマを作成する方法

WordPressでテーマをカスタマイズしたい時は、子テーマを作成しましょう。

関連記事

• WordPressの子テーマとは？メリットとデメリット

WordPressで子テーマを作成するには、FTPソフトを使う必要があります。FTPソフトの詳しい使い方は、このブログにある別記事のFileZillaの設定と使い方を参照してください。

WordPressで子テーマを作成する方法

まずは、子テーマの作成手順を確認しておきましょう。

いまからやることは…

1. サーバーに子テーマ用のディレクトリを作成
2. style.cssファイルの作成
3. functions.phpファイルの作成
4. 子テーマ用のディレクトリに作成したstyle.cssファイルとfunctions.phpファイルをアップロード
5. 子テーマの有効化

今回は、Twnety Seventeenの子テーマを作成してみます。

Step 1. サーバーに子テーマ用のディレクトリを作成

まずは、FTPソフトを使ってWordPressをインストールしているサーバーに接続しましょう。

接続できたら、/wp-content/themes ディレクトリに移動します。ここの階層に子テーマ用のディレクトリを作成します。

ディレクトリの名前は、「親テーマ名」 + 「-child」などがいいでしょう。

子テーマ用のディレクトリを作成できたら、親テーマのディレクトリ名を確認しておきます。次のstyle.cssファイルの作成で必要となります。

Step 2. style.cssファイルの作成

style.cssファイルを作成します。子テーマのstyle.cssファイルに必須な項目は以下の２つです。

• Theme Name – 子テーマ名です。WordPres管理画面で表示される名称です。わかりやすく「親テーマ名」 + 「Child」がいいでしょう。
• Template – Step 1で確認した親テーマのディレクトリ名を入力します。１文字でも間違えたら動作しませんので、注意しましょう。

/*
 Theme Name:   Twenty Seventeen Child
 Template:     twentyseventeen
*/

これらの項目を作成したstyle.cssファイルに記載しましょう。項目の前後にある「/*」と「*/」も必須ですので忘れないようにしてください。

Step 3. functions.phpファイルの作成

functions.phpを作成します。以下のコードを作成した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' );
}
?>

Step 4. 子テーマ用のディレクトリに作成したファイルをアップロード

Step 2,3で作成したstyle.cssファイルとfunctions.phpファイルを、Step 1で作成した子テーマ用のディレクトリにアップロードします。

これで子テーマの準備は完了です。WordPress管理画面で確認してみましょう。

Step 5. 子テーマの有効化

Step 2でstyle.cssファイルに記載したTheme Nameと同じテーマがあるのを確認できます。

子テーマを使用したい場合、あとは有効化すれば完了です。

困った時は？

ココナラでWordPress関係の依頼・相談を行うことが可能です。個人やフリーランスに依頼できるので気軽かつお得にできます。デザインのカスタマイズから、トラブル対応までお気軽に相談してみてください。ココナラで相談してみる