WordPress

✅【初心者向け🔰】WordPressで子テーマを作る手順と注意点まとめ

WordPressのテーマをカスタマイズしたいとき、
**直接テーマを編集するのは絶対にNG⚡**って聞いたことありますよね?

その代わりに使うのが「子テーマ」です✨

この記事では、子テーマの作り方と注意すべきポイントを初心者向けにわかりやすくまとめました!


子テーマとは?🍼

子テーマとは、
親テーマ(オリジナルテーマ)をベースにしてカスタマイズするためのテーマのことです!

📌 重要ポイント

  • 親テーマには手を加えない!
  • 子テーマだけ編集してカスタマイズする!

こうすることで、
✅ 親テーマのアップデートでカスタマイズが消えるのを防げる
✅ 元に戻したくなったら、子テーマ側だけ修正すればいい

という超重要なメリットがあります💡


【超基本】子テーマを作る手順🛠️

では、実際に子テーマを作ってみましょう!

① 子テーマ用のフォルダを作成📂

まず、WordPressのサーバーにアクセスして、
/wp-content/themes/の中に子テーマ用のフォルダを作ります。

例えば、親テーマがtwentytwentyfourなら、

twentytwentyfour-child

みたいな名前でOKです!


② style.css を作成📝

子テーマフォルダの中に、style.cssファイルを作ります!

中身はこう書きます👇

/*
Theme Name: Twenty Twenty-Four Child
Template: twentytwentyfour
*/

@import url("../twentytwentyfour/style.css");

📝解説

  • Theme Name → 子テーマの名前(自由につけてOK)
  • Template → 親テーマのフォルダ名(正確に書く!)

この2つが超重要なので、必ず正しく設定しましょう!


③ functions.php を作成🔧

次に、子テーマフォルダ内にfunctions.phpを作成します!

中身は、親テーマのCSSを読み込むコードだけ書きます。

<?php
function mytheme_enqueue_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_styles' );

これで、親テーマのCSSを正しく読み込めるようになります🙆‍♂️


④ WordPress管理画面で子テーマを有効化🎛️

WordPressのダッシュボードにログインして、
【外観】→【テーマ】に進むと、今作った子テーマが表示されているはず!

✅ 「有効化」ボタンを押すだけでOK!

これで、子テーマがサイトに反映されます✨


子テーマを作るときの注意点⚠️

子テーマを作るとき、初心者がつまづきやすいポイントもまとめました!

1. Template名は親テーマの「フォルダ名」と一致させる

Template: twentytwentyfour

みたいに、フォルダ名そのものを書く必要があります!

(テーマ名じゃないので注意!)


2. 必要最低限のファイルだけ用意する

子テーマには、
✅ style.css
✅ functions.php

この2つがあれば最低限動きます

あれこれファイルをコピーしすぎると、かえって混乱するので注意⚡


3. 親テーマにないファイルは自動で継承される

例えば、親テーマにあるheader.phpを子テーマにわざわざコピーする必要はありません

カスタマイズしたいときだけ、
必要なファイルだけ子テーマにコピーして編集しましょう✍️


4. functions.phpの扱いに注意!

親テーマと子テーマのfunctions.phpは、
両方が順番に読み込まれます

だから、子テーマのfunctions.phpには、
親テーマのコードをコピペする必要はないんです🙅‍♂️

追加・上書きしたいコードだけ書けばOK!


まとめ🧹

WordPressの子テーマを作る流れはとってもシンプル✅

1️⃣ フォルダを作成
2️⃣ style.cssを作成
3️⃣ functions.phpを作成
4️⃣ 管理画面から有効化

これだけで、安全にテーマカスタマイズができる環境が整います!

カスタマイズは子テーマで!これがWordPressのお約束ですね💪✨


【次に読みたい関連記事📚】


✨おわりに

子テーマを作れば、安心してWordPressのカスタマイズを楽しめます!
最初は戸惑うかもしれませんが、1回作ってみるとすごく簡単ですよ✌️

どんどん手を動かして、オリジナルサイトを作っていきましょう!🚀

✉️ あなたのリクエスト教えてください!

「この記事わかりやすかった!」
「他にもこんな記事書いてほしい!」
そんな声を、ぜひXのDMで教えてください!😊📩

できるだけリクエストにお応えして、今後の記事作成に活かしていきます

▶️ Xもフォローしてもらえるとめちゃくちゃ嬉しいです!

hisa

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA