MENU

WordPressの子テーマ、カスタマイズしない人でも必要な理由【作り方あり】

SWELLやCocoon、Lightningをインストールしたとき、公式サイトに「子テーマを有効化してください」と書いてありますよね。

でも、こう思いませんでしたか?

「親テーマだけじゃダメなの?子テーマって何のためにあるの?」

コードをいじるつもりもないし、わざわざ2つ入れる意味がわからない——そう感じて、とりあえず手順通りにやったけどモヤモヤしている方も多いと思います。

結論から言うと、コードを一切触らない人でも、子テーマは入れておくべきです。

理由は「カスタマイズのため」ではありません。アップデートから設定を守るためです。

この記事では、子テーマが何なのか・なぜ親テーマだけではいけないのかを、実際に起きた失敗例をもとに解説します。作り方もあわせてまとめています。


目次

子テーマとは?親テーマとの関係をざっくり理解する

WordPressの「テーマ」とは、サイトのデザインや構成を決めるファイルの集合体です。SWELLやCocoon、Lightningを有効化することで、あのデザインが画面に表示される仕組みになっています。

この通常のテーマのことを親テーマと呼びます。

そして子テーマとは、親テーマを「土台」として引き継ぎながら、設定やカスタマイズを別ファイルとして安全に管理する仕組みのことです。

親テーマ(Cocoon本体など)
└ 子テーマ(Cocoon Childなど)← 実際に有効化するのはこちら

子テーマを有効化すると、WordPressは「まず子テーマを見て、なければ親テーマを使う」という順番で動きます。このしくみのおかげで、親テーマのファイルを一切触らずに設定を管理できるのです。

「でも、コードをいじらないなら関係なくない?」——その疑問への答えが次のセクションです。


親テーマだけで使い続けると何が起きるか

子テーマなしで親テーマをそのまま使い続けた場合、テーマへの変更はすべて親テーマのファイルに直接書き込まれた状態になります。

問題はここから始まります。

テーマは定期的にアップデートされます。

バグ修正・セキュリティ対応・新機能追加のために、SWELLもCocoonもLightningも更新が入ります。そしてテーマを更新すると、テーマファイルがまるごと新しいバージョンに上書きされます。

親テーマを直接編集していた場合、その変更はこのタイミングですべて消えます。「親テーマ 直接編集 → アップデートで消える」はよくある失敗パターンのひとつです。

(親テーマ適用)

→ テーマファイルが新バージョンで上書き
→ 直接加えていた変更がリセット

子テーマを使っていれば、親テーマがどんなにアップデートされても、子テーマの中身はそのまま守られます

(子テーマ適用)

→ 親テーマのファイルが上書き
→ 子テーマは別管理のため影響なし ✅

これが、子テーマを使う最大の理由です。


実際に起きた失敗談

「子テーマを入れていなかったせいでアップデートして設定が消えた」という体験談は、ネット上でかなりの数見かけます。

よくあるパターンをまとめると、こうです。

パターン①:テーマ設定をいじっていたケース

  • テーマの更新通知が来たので「更新」ボタンを押した
  • サイトを確認したら、ヘッダーのカスタマイズが消えていた
  • フッターのコピーライト文が初期状態に戻っていた
  • せっかく調整したカラー設定がリセットされた

パターン②:直接ファイルを編集していたケース

  • テーマのstyle.cssに追加CSSを書いていた
  • アップデートで追加したコードがすべて消えた
  • 「あんなに時間をかけたのに……」と絶望

コードを書いていなくても、テーマの設定画面で変えたカラーやレイアウトが消えるケースは実際に起きています。

特に怖いのは、「ちゃんと動いてるから大丈夫」と思っていたのに、アップデートのタイミングで一瞬にしてリセットされることです。子テーマ なし・アップデート・設定消えた、という流れは決して珍しくありません。


「コードを触らない人」でも子テーマが必要な3つの理由

理由① アップデートから設定を守るため

前述のとおり、親テーマを更新するとテーマファイルが上書きされます。

子テーマが入っていれば、更新の影響を受けるのは親テーマだけ。子テーマ側の設定は別管理されているため、消える心配がありません。

コードをいじらなくても、テーマ設定画面での変更を守るセーフガードとして機能します。

理由② 「追加CSS」だけでは守れないケースがある

WordPressには「追加CSS」という機能があり、ここに書いたCSSはテーマを更新しても消えない……と思っている方が多いです。

ただし、追加CSSはテーマごとに保存されているため、テーマを切り替えたタイミングでリセットされます。将来的にテーマを変えたり、何かのはずみで切り替わった場合に消えるリスクがあります。

子テーマのstyle.cssに書いておくと、この「切り替え時のリセット」を防げます。

理由③ 「あとからカスタマイズしたくなる」は必ず来る

今は何もいじらないつもりでも、ブログを続けるうちに「ここの色だけ変えたい」「この部分を調整したい」という場面は必ず来ます。

そのとき子テーマがないと、選択肢は2つです。

  • 親テーマを直接編集する(→ アップデートで消えるリスク)
  • 今から子テーマを新たに導入する(→ 切り替え作業が発生し、追加CSSがリセットされることも)

最初から子テーマを入れておけば、こうした後悔を防げます。

子テーマは「今すぐ必要」なものではなく、「入れておかないと後悔する」保険のようなものです。


子テーマの入手方法と作り方

まず公式配布を確認する(これが一番かんたん)

代表的なテーマは公式が子テーマを配布しているので、ダウンロードして入れるだけでOKです。

テーマ入手先
Cocoon公式サイトから無料ダウンロード
SWELLSWELL会員ページからダウンロード
Lightning公式サイト(Lightning G3 Child等)
その他有料テーマ購入後のダウンロードページ

公式配布がない場合:手動で作る方法

公式配布がないテーマを使っている場合は、ファイルを2つ作るだけで子テーマを自作できます。プログラミングの知識がなくても大丈夫です。

STEP
フォルダを作る

親テーマ名-child という名前のフォルダを作ります(例:mytheme-child)。

STEP
style.cssを作る

フォルダの中に style.css というファイルを作り、以下をそのままコピーして貼り付けます。

/*
Theme Name: 親テーマ名 Child
Template: 親テーマのフォルダ名
*/

Theme Name は好きな名前でOK、Template は親テーマのフォルダ名(テーマスラッグ)を正確に入力します。

STEP
functions.phpを作る

同じフォルダに functions.php を作り、以下をコピーして貼り付けます。

<?php
add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );
function child_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
STEP
ZIPに圧縮してアップロードする

フォルダをZIP圧縮し、WordPress管理画面からアップロードします。

⚠️ Macで圧縮する場合、フォルダを右クリック→「圧縮」でZIP化します。Windowsの場合はフォルダを右クリック→「送る」→「圧縮(zip形式)フォルダー」でOKです。


インストールの基本的な流れ

子テーマの導入手順は、親テーマとほぼ同じです。

  1. 子テーマのZIPファイルを用意(公式ダウンロード or 手動作成)
  2. 管理画面 → 外観 → テーマ → 新しいテーマを追加 → テーマのアップロード
  3. ZIPファイルをアップロード
  4. 子テーマを有効化(ここが重要)

注意点が1つあります。必ず子テーマを有効化すること。親テーマと子テーマの両方をインストールしても、有効化するのは子テーマだけで大丈夫です。親テーマは「インストールされているが有効化していない」状態でOKです。

⚠️ もし現在すでに追加CSSを設定している場合、子テーマへの切り替え時にリセットされることがあります。切り替え前に追加CSSの内容をメモまたはコピーしておきましょう。


よくある疑問

Q. 子テーマを入れると動作が重くなる?

一部の情報で「ファイルが増えて重くなる」と書かれていることがありますが、実際には体感できるほどの差は出ません。主要テーマの子テーマはシンプルな構成なので、パフォーマンスへの影響はほぼ無視できるレベルです。

Q. 子テーマを後から入れることはできる?

できます。ただし前述のとおり、切り替え時に追加CSSがリセットされるケースがあります。現在の設定内容を事前にメモしておくと安心です。

Q. 子テーマはどのテーマにも対応している?

テーマごとに対応する子テーマが異なります。「CocoonのサイトにSWELLの子テーマを使う」はできません。必ず使用している親テーマに対応した子テーマを使用してください。


まとめ

  • 子テーマ=親テーマの設定やカスタマイズを別管理する仕組み
  • 親テーマを更新すると、直接加えた変更がすべて上書き・消失するリスクがある
  • コードを触らない人でも、設定を守る「保険」として機能する
  • 追加CSSだけでは守れないケースもある
  • 最初から入れておくのが、もっとも安全で手間のかからない選択

「難しそう」と感じる方もいるかもしれませんが、子テーマの導入自体は5分もあれば完了する作業です。ぜひテーマを有効化するタイミングで、一緒に入れておくことをおすすめします。


よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次