【WordPress】子テーマを作成・有効化する3つの手順とエラーの対処法

ヨッチ

こんにちは。代表のヨッチです。
ミライヨッチにお越しいただき、ありがとうございます。

WordPressでカスタマイズするなら、子テーマを使うと管理しやすくなります。
親テーマを更新しても、子テーマでカスタマイズした部分はそのまま残るので便利ですよ。

テーマによっては、メーカーが専用の子テーマを用意しています。
しかし、メーカーが子テーマを用意していない場合は、あなた自身の手で作る必要があります。

といっても作り方はすごく簡単なので、この記事でサクッと紹介しますね！
たった3ステップだけなので、気軽に試してみませんか？

このページの目次

WordPressで子テーマを作成・有効化する方法3ステップ
子テーマでエラーが出るときの対処法
【まとめ】子テーマは簡単に作ることができる！

WordPressで子テーマを作成・有効化する方法3ステップ

子テーマ用のフォルダを作成する
必要なファイルを作成する
フォルダ・ファイルをサーバーにアップロードして有効化する

はい、この3ステップだけで子テーマの作成からアップロードまで可能です。
手順さえわかっていれば、5分くらいで終わります。

とにかく簡単なので、まずは実際にやってみましょう！

【1】子テーマ用のフォルダを作成する

まずは、子テーマを格納するフォルダを作成します。
どんな名前でも良いので、半角英数でわかりやすい名前を付けましょう！

たとえば、「theme-child」といった感じです。
このフォルダの中に、これから作成するファイルを入れていきます。

【2】必要なファイルを作成する

次に、子テーマに必要なファイルを2つ作成します。

functions.php: テーマ用の関数を追記できる
style.css: テーマ用のCSSを追記できる

これら2つのファイルを作成すれば、子テーマとして機能します。
以下の内容をコピペして、ファイルを作成しましょう！

functions.php

functions.phpは、以下のソースコードをそのままテキストエディタにコピペすればOKです。
文字コードを「UTF-8」にしてから、「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' );
}

style.css

style.cssは、以下のソースコードをコピペして、内容を編集してから保存します。
文字コードを「UTF-8」にしてから、「style.css」という名前で保存しましょう。

/*
Theme Name:theme-child
Template:parent-theme（親テーマのフォルダ名）
Version:1.0（親テーマのバージョン）
*/

Theme Name: 子テーマ用に作成したフォルダ名
Template: 親テーマのフォルダ名
Version: 親テーマのバージョン

【3】フォルダ・ファイルをサーバーにアップロードして有効化する

子テーマ用のフォルダに2つのファイルを保存したら、サーバーにアップロードします。
FTPソフトを使って、「wp-content/themesフォルダ」にアップロードしましょう！

フリーのFTPソフトはFileZillaがオススメ！優れている5つの理由とは？｜ミライヨッチ
https://miraiyotch.com/filezilla/
サーバーにファイルを転送するとき、FTPソフトって必要ですよね。いろんなフリーのFTPソフトの中でも、僕は圧倒的に「FileZilla」をオススメしています。この記事では、FTPソフトの中でもFileZillaが特に …