Astra / Hello / GeneratePress ユーザー必見：子テーマを作成しなければ、サイトは無駄になる

使用中 アストラ、ハロー、ジェネレートプレス 主流のWordPressテーマでサイト構築する際、親テーマを直接編集すると短期的には効果がありますが、テーマが更新されるとすべての変更が上書きされ、スタイルが失われるだけでなくサイトエラーを引き起こす可能性が高くなります。ウェブサイトが長期的に運営される必要がある限り、子テーマは代替不可能な解決策です。 本稿では体系的に解説するどのようにアストラHello、GeneratePress サブテーマの作成と正しい使用方法テーマのカスタマイズを安全かつ効率的に行うお手伝いをします。

一、WordPress子テーマとは何か？なぜ使用しなければならないのか？

1.1 子テーマの定義

ある ワードプレス 体系において：

親テーマ（Parent Theme）：完全な機能とスタイルを備えたテーマ本体
子テーマ親テーマに依存して動作し、安全な拡張と変更に使用されます

サブテーマ親テーマのすべてのテンプレート、機能、スタイルを自動的に継承し、開発者が上書きのみを許可します。修正が必要な部分.

1.2 子テーマを使用しない場合の実質的な結果

親テーマファイルを直接修正すると、通常以下の問題が生じます：

テーマ更新後、変更内容はすべて上書きされ失われます
ウェブサイトアップグレード後に互換性の問題が発生した
修正記録が混乱しており、後期のメンテナンスが困難である
開発ロジックはWordPressの仕様に準拠していません（部分的な拡張のみに適しています）

子テーマの核心的価値は：

親テーマは随時更新可能（もちろん、子テーマのみを使用する場合、親テーマの更新はそれほど重要ではありません）
すべてのカスタム変更は永続的に保持されます
機能構造が明確で、保守性が高い
長期運営に適したウェブサイトプロジェクト

1.3 なぜAstra / Hello / GeneratePressは子テーマの使用をより重視するのか

この三つのテーマの共通点は：

更新頻度が高い
公式はテーマのコアファイルの修正を明確に推奨しません
フック／フィルターによる拡張に高度に依存している

スポーツイベント	アストラ	こんにちは（Elementor）	ジェネレートプレス
テーマの更新頻度	御前	真ん中	御前
子テーマを推奨しますか	強くお勧めします	お客様の声	強くお勧めします
主な拡張方法	フック / フィルター	テンプレート + PHP	フック
親テーマを直接変更するリスク	極めて高い	御前	極めて高い
子テーマの主な用途	機能 + スタイル	構造 + 機能	機能を主とする

Astra / Hello / GeneratePress サブテーマ使用の必要性比較

結論：子テーマを使用しない場合、リスクが極めて高い。

二、子テーマ作成前の準備作業

2.1 基本環境要件

開始前にご確認ください：

父テーマは正しくインストールされ、有効化されています
サーバーファイルにアクセス可能（FTPまたはホスティングパネル）
WordPress テーマディレクトリの場所を理解する

テーマディレクトリのパスは：

/wp-content/themes/

2.2 利用可能な子テーマに必要なファイルは何か？

最小実行可能サブテーマただ 2つのファイル::

ファイル名	必須であるかどうか	職務内容
スタイル.css	で御座います	子テーマ情報の宣言
functions.php	で御座います	親テーマと子テーマのスタイルを読み込み
スクリーンショット.png	詰り	バックエンドテーマプレビュー画像
テンプレートファイル	詰り	親テーマのテンプレートを上書きする

WordPress子テーマファイルの説明

三、汎用的な方法：手動で子テーマを作成する

この方法 すべての主流テーマに適用されます含まれるものアストラ、こんにちは、GeneratePress。

3.1 サブテーマフォルダの作成

入る：

/wp-content/themes/

新しいフォルダを作成します。例：

アストラ・チャイルド
hello-elementor-child
generatepress-child

命名規則の提案：親テーマフォルダ名 + -child（すべて小文字、スペースなし）

3.2 style.cssの作成と設定

子テーマフォルダ内に作成する スタイル.css

書き込み：

/* Theme Name: Twenty Twenty-One Child Theme URI: https://wordpress.org/themes/twentytwentyone/ Description: Twenty Twenty-One child theme Author: WordPress.org Author URI: https://wordpress.org/ Template: twentytwentyone Version: 1.0.0
Text Domain: twentytwentyonechild */

キーワードフィールドの説明（正確である必要がある）

テーマ名：バックエンド表示名
テンプレート：親テーマフォルダ名、完全に一致している必要があります

よくあるテーマの対応値：

父テーマ名	テンプレート入力値
アストラ	アストラ
こんにちは	ヘロエレメンタ
ジェネレートプレス	ジェネレイトプレス

注意：テンプレートにエラーがある場合、子テーマは有効になりません。

3.3 functions.php を作成し、スタイルを正しく読み込む

子テーマフォルダ内に新規作成 functions.php::

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );function my_theme_enqueue_styles() {    $parenthandle = 'twenty-twenty-one-style'; // Twenty Twenty-one テーマ用の 'twenty-twenty-one-style' です。
    $theme = wp_get_theme();wp_enqueue_style( $parenthandle, get_template_directory_uri() . '/style.css', array(), // 親テーマのコードに依存関係がある場合、ここにコピーします$theme->parent()->get('Version') );
    wp_enqueue_style( 'custom-style', get_stylesheet_uri(), array( $parenthandle ), $theme->get('Version') // スタイルヘッダーにVersionが含まれている場合のみ有効 ); }

これは 互換性がより高く、推奨される書き方
親テーマとサブテーマタイプ
使用は推奨されません インポート

3.4 サブテーマの有効化と検証

管理画面のパス：外観 → テーマ → 子テーマを有効化

検証方法：

ウェブサイトのフロントエンドは正常に表示される
スタイルに異常は発生していません
バックエンドの現在のテーマは子テーマとして表示されています

四、異なる人気テーマにおけるサブテーマの使用差異

4.1 Astra子テーマの実践的提案

子テーマの使用を強く推奨します
多くの機能がフックによって実装される
テンプレートファイルの複製はできるだけ避けてください
カスタムコードは functions.php

4.2 Hello（Elementor）子テーマ実践の提案（重要な修正）

こんにちは ミニマルテーマ::

デフォルトではCSSがほとんど適用されない
スタイルは主にElementorによって制御されます

したがって：

サブテーマ 主にPHPロジック、テンプレート構造に使用される
スタイルを主な用途として使用することは推奨されません
カスタムテンプレートファイルの作成に適しています

4.3 GeneratePress 子テーマの実践的提案

高性能テーマ、フックが非常に豊富
公式はテンプレートオーバーライドよりもフックの使用を推奨しています。
子テーマは以下に使用されます：
- カスタム関数
- 特殊構造
- 補助スタイル

五、子テーマにおける一般的な実践

5.1 カスタムCSSの追加

子テーマへの書き込み スタイル.css

例

.site-header { background-color: ##111; }

上記のコードの役割は：

.site-header ウェブサイトのヘッダー領域の CSS セレクター
background-color: #111; ウェブサイトのヘッダー背景色を濃い色（黒に近い）に設定する

この方法は特に以下に適用されます：

ウェブサイトの色、フォント、間隔などの外観スタイルを調整する
軽量スタイルのカスタマイズを実施する
テーマ更新時のスタイルの安定性を維持する

5.2 親テーマのテンプレートファイルを上書きする

ステップ

父テーマからテンプレートファイルを複製する
子テーマの同じディレクトリ構造に貼り付け
子テーマファイルを修正する

WordPress は子テーマテンプレートを優先的に読み込みます。

5.3 機能コードの追加

例：バージョン番号の出力の削除

remove_action( 'wp_head', 'wp_generator' );

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：[email protected]
④ 勤務時間: 月～金、9:30～18:30、祝日休み