1. はじめに
「WordPressのテーマをカスタマイズしたいけど、アップデートで変更が消えるのが不安…」
「子テーマって何?どうやって作るの?」
WordPressのカスタマイズを行う際、「子テーマ」を作成することで、安全にデザインや機能を変更できます。
子テーマを利用すれば、親テーマのアップデート時にカスタマイズが消えないため、サイトの安定性を維持できます。
✅ テーマのカスタマイズを安全に行いたい
✅ アップデートの影響を受けずにオリジナルデザインを維持したい
✅ 初心者でもできる子テーマの作り方を知りたい
本記事では、WordPressの子テーマを作成する方法を初心者向けに詳しく解説します!
2. 子テーマとは?親テーマとの違い
🔹 子テーマとは?
子テーマとは、親テーマの機能を引き継ぎながら、独自のカスタマイズを加えられるテーマのことです。
親テーマのアップデートがあっても、子テーマの変更部分はそのまま維持されます。
🔹 親テーマとは?
親テーマとは、WordPressサイトのデザインやレイアウトを決定する基盤となるテーマです。
例えば、人気の「SWELL」「Cocoon」「Astra」などが親テーマとして使われることが多いです。
🔹 子テーマを使うメリット
メリット | 内容 |
---|---|
親テーマのアップデートに影響されない | カスタマイズした部分が消えない |
簡単にデザインを変更できる | CSSやPHPを編集してデザインを自由に調整可能 |
エラー発生時にリカバリーしやすい | 親テーマがそのまま残るので、元のデザインに戻せる |
💡 つまり、子テーマを作成することで、安全かつ柔軟にWordPressのデザインを変更できるのです!
3. 子テーマの作り方【3ステップ】
✅ ステップ1: 子テーマ用のフォルダを作成
🔹 手順
1️⃣ WordPressのテーマフォルダを開く
- 「wp-content」 → 「themes」フォルダ に移動
2️⃣ 新しいフォルダを作成(例:「twentytwentyfive-child」)
📌 フォルダ名は親テーマ名+「-child」にするのが一般的
(例:「twentytwentyfive-child」「swell-child」など)
✅ ステップ2: 必要なファイルを作成
🔹 最低限必要なファイル
ファイル名 | 役割 |
---|---|
style.css | 子テーマのデザイン設定 |
functions.php | 親テーマのCSSを読み込む |
🔹 style.cssの作成
/*
Theme Name: Twenty Twenty Five Child
Template: twentytwentyfive
Author: あなたの名前
Description: Twenty Twenty Fiveの子テーマ
Version: 1.0
*/
🔹 functions.phpの作成
<?php
function my_theme_enqueue_styles() {
wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');
?>
💡 ポイント
Theme Name
は子テーマの名前Template
には親テーマのフォルダ名を入力functions.php
で親テーマのCSSを適用
✅ ステップ3: 子テーマを有効化
🔹 手順
1️⃣ WordPressの管理画面にログイン
2️⃣ 「外観」→「テーマ」 を開く
3️⃣ 作成した子テーマを有効化
🎉 これで子テーマの設定が完了!
4. まとめ:子テーマで安心・安全なカスタマイズをしよう!
✅ 子テーマを作成すれば、アップデートの影響を受けずにカスタマイズ可能!
✅ 「style.css」「functions.php」を作成するだけで簡単に設定できる!
✅ CSSやPHPを編集して、サイトを自由にカスタマイズ!
🚀 これでWordPressの子テーマの作成は完璧!サイトを安全にカスタマイズしてみましょう!
コメント