WordPressで子テーマを作る方法【初心者でも5分もあれば完成】

WordPress を始めてカスタマイズなどに興味を持ち始めると、「子テーマを作れ！」という記事もチラホラ見かけるようになると思います。

ただ、それらの記事を単に信じてやみくもに「子テーマ」を作れば良いというわけでもありません。

子テーマが不要なパターン

自分でテーマを作れるプロ級の人はもちろん不要ですが、PHP の追記・変更が必要になってきてから「子テーマ」の設置を考えても遅くはないです。

なぜなら、カスタマイズをしない人にとってはデメリットしかないから。

既存のテーマを使いながら PHP の追記・変更が必要になっている人は、一緒に「子テーマ」の作り方を見ていきましょう。

子テーマの作り方

「子テーマ」を作るには、FTP を触ります。

今まで使ったことがない人には怖いかもしれませんが、これから WordPress を使っていくための勉強だと思って頑張ってみましょう。

まずは、「子テーマ」用のフォルダーを１つ作ります。

今回は、公式テーマ「Twenty Nineteen」を例にしていきます。

ファイルを追加する場所は、エックスサーバーなら「ファイル管理」から、MixHost なら「ファイルマネージャー」からになります。

他のサーバーにおいても、ファイルを直接変更する管理画面にアクセスしてください。

そうしたら、「対象のドメイン」→「public_html」→「wp-content」→「themes」までいきます。（MixHost の場合は、対象ドメインと public_html の順番が逆）

「themes」を開いたら、「twentytnineteen」と書かれたファイルがあるはずです。

このファイルと同じ階層で、「子テーマ」用のフォルダーを作ります。

一般的には、親テーマに英語で子供という意味の「child」をハイフンで繋ぎ、フォルダーを作ります。

そうすると、他の人が見てもすぐに分かりますからね。

エックスサーバーの場合は右側に入力場所があるので、「フォルダー作成」の上に「twentytnineteen-child」のようにして入力したら、「フォルダー作成」のボタンを押してください。

MixHost の場合は画面上部に「+フォルダー」とあるので、それをクリックして表示された入力欄に「twentytnineteen-child」と入れます。

すると、「twentytnineteen」のフォルダーの下に「twentytnineteen-child」が表示されます。

これで、フォルダーの作成は完了です。

「twentytnineteen-child」が出てきたら、次はファイルを２つ作ります。

そのうちの１つ目、「style.css」を作ってみましょう。

フォルダーを作った時と要領は同じで、今度は「ファイル作成」の上に「style.css」と入力して「ファイル作成」のボタンを押します。

すると「style.css」のファイルが表示されるので、エックスサーバーの場合はファイルの横にあるボックにチェックを入れてから「編集」のボタンを押します。

MixHost の場合は、ファイルを１度クリックするとアクティブになるので、それから画面上部にある「編集」を押します。

そうしたら、下記の内容を真っさらのファイルに追記します。

他の人の説明ではもっと表示されていることもありますが、最低限この 2 つがあれば「子テーマ」は作れます。

style.css に追記する 2 項目の役割

Template：親テーマの名前。ただし、実際の名前と異なっていることも多いので、親テーマの「Text Domain」と書かれている名前をコピペすることをおすすめします。
Theme Name：テーマの一覧で表示される名前。自分の分かりやすい名前にして大丈夫。

それぞれの入力が完了したら、「保存」を押して完了となります。

1 つ目のファイル「style.css」が終わったので、2 つ目の「functions.php」というファイルを作っていきましょう。

「style.css」と同じ要領でファイルを作ってから、下記の内容を真っさらのファイルに追記します。

PHP を少し知っていると「閉じタグは？」となるかもしれませんが、PHP は省略が可能なのでこれで大丈夫です。

上記のコードを入力して「保存」を押したら、「functions.php」は完了です。

フォルダー１つとファイルを２つ作れたら、さっそくテーマの変更をしに WordPress の管理画面へ戻ってください。

「テーマ」にアクセスして、「子テーマ」があったら「有効」にしてからカスタマイズの作業を始めてみましょう。