子テーマを使用しているWordPress^(WordPress)ユーザーはごくわずかです。これは、多くのユーザーが子テーマまたはWordPressでの子テーマの作成を^{(Creating Child Theme)}知らないためです。ええと、 ^(Well)WordPressを使用しているほとんどの人はテーマを編集またはカスタマイズする傾向がありますが、テーマを更新するとそのカスタマイズはすべて失われ、そこで子テーマが使用されます。子テーマを使用すると、すべてのカスタマイズが保存され、親テーマを簡単に更新できます。

WordPressで子テーマを作成する

変更されていない親テーマから子テーマを作成する^{(Creating a Child Theme from an Unmodified Parent Theme)}

WordPressで子テーマを作成するには、cPanelにログインして、public_htmlに移動し、次にwp-content / themesに移動して、子テーマの新しいフォルダーを作成する必要があります（例/ Twentysixteen-child /）。エラーが発生する可能性のある子テーマディレクトリの名前にスペースが含まれていないことを確認してください。

推奨：^{(Recommended:)}ワンクリックの子テーマプラグイン^{(One-Click Child Theme plugin)}を使用して、子テーマを作成することもできます（変更されていない親テーマからのみ）。

次に、子テーマのstyle.cssファイルを作成する必要があります（作成した子テーマディレクトリ内）。ファイルを作成したら、次のコードをコピーして貼り付けます（テーマの仕様に応じて以下の詳細を変更してください）。^(Change)

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

注： ^(Note: )テンプレート行^(Template)（テンプレート^(Template)：26）は、テーマディレクトリ（子を作成している親テーマ）の現在の名前に応じて変更されます。この例の親テーマはTwentySixteenテーマであるため、テンプレートは^(Template)26になります。^{(Twenty Sixteen)}

以前は@importを使用してスタイルシートを親から子のテーマにロードしていましたが、スタイルシートのロードに時間がかかるため、現在は適切な方法ではありません。@importを使用する代わりに、子テーマのfunctions.phpファイルでPHP関数を使用してスタイルシートをロードするのが最善です。^(PHP)

関数.phpファイルを使用するには、子テーマディレクトリにファイルを作成する必要があります。関数.phpファイルで次のコードを使用します。

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

}
?>

上記のコードは、親テーマがすべてのCSSコードを保持するために1つの.cssファイルのみを使用する場合にのみ機能します。

子テーマのstyle.cssに実際にCSSコードが含まれている場合（通常どおり）、それもキューに入れる必要があります。

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

子テーマをアクティブ化し、管理パネルにログインして、Appearance > Themes]に移動し、使用可能なテーマのリストから子テーマをアクティブ化します。

注：子テーマをアクティブにした後、メニュー（ ^(Note:)Appearance > Menus] ）とテーマオプション（背景画像とヘッダー画像を含む）を再保存する必要がある場合があります。

これで、style.cssまたはfunctions.phpに変更を加えるときはいつでも、親テーマフォルダーに影響を与えることなく、子テーマで簡単に変更できます。

親テーマからWordPressで子^(WordPress)テーマ^{(Child Theme)}を作成しますが、ほとんどの人はすでにテーマをカスタマイズしているので、上記の方法はまったく役に立ちません。その場合は、カスタマイズを失うことなくWordPress^(WordPress)テーマを更新する方法を確認してください。

この記事がお役に立てば幸いですが、このガイドに関してまだ質問がある場合は、コメントでお気軽に質問してください。

Creating Child Theme in WordPress

Onlу a hаndful of WordPreѕs usеrs uses a child theme and thаt’s because many of the users don’t know what is a child theme or Creating Child Theme in WordPress. Wеll, mоst of the people υsing WordPress tend to edit or customize their theme but all that customization is lost when уou update your theme and that’s where the use of child theme comeѕ. When you use a child theme then all your customization will bе saved and you can easily update the parent theme.

Creating a Child Theme from an Unmodified Parent Theme

In order to create a child theme in WordPress you need to login to your cPanel and navigate to the public_html then wp-content/themes where you have to create a new folder for your child theme (example /Twentysixteen-child/). Make sure you don’t have any spaces in the name of child theme directory which may result in errors.

Recommended: You can also use One-Click Child Theme plugin to create a child theme(only from an unmodified parent theme).

Now you need to create a style.css file for your child theme (inside the child theme directory you just created). Once you have created the file just copy and paste the following code (Change below details according to your theme specifications):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Note: The Template line (Template: twentysixteen) is to be changed according to your current name of the theme directory(the parent theme whose child we are creating). The parent theme in our example is the Twenty Sixteen theme, so the Template will be twentysixteen.

Earlier @import was used to load the stylesheet from parent to the child theme, but now it’s not a good method as it increases the amount of time to load the stylesheet. In place of using @import its best to use PHP functions in your child theme functions.php file to load the stylesheet.

In order to use functions.php file you need to create one in your child theme directory. Use the following code in your functions.php file:

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

}
?>

The above code only works if your parent theme uses only one .css file to hold all the CSS code.

If your child theme style.css contain actually CSS code (as it normally does), you will need to enqueue it as well:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

It’s time to activate your child theme, login to your admin panel then go to Appearance > Themes and activate your child theme from the available list of themes.

Note: You may need to re-save your menu (Appearance > Menus) and theme options (including background and header images) after activating the child theme.

Now whenever you want to make changes to your style.css or functions.php you can easily do that in your child theme without affecting the parent theme folder.

Creating Child Theme in WordPress from your parent theme, but most of you have already customized your theme then the above method is not going to help you at all. In that case, check out how to update a WordPress Theme without losing customization.

If hope this article was helpful to you but if you still have any question regarding this guide please feel free to ask them in comments.

千代津田

About the author

私はモバイル業界で 10 年以上の経験を持つ電話エンジニアで、スマートフォンの修理とアップグレードを専門としています。私の仕事には、電話ファームウェアの開発と保守、Apple デバイス用のイメージの開発、Firefox OS プロジェクトでの作業が含まれます。ソフトウェア開発、ハードウェアエンジニアリング、画像処理、Firefox OS 開発のスキルを活かして、複雑な問題を解決し、あらゆるデバイスで機能するシンプルなソリューションに変えることができます。

WordPressで子テーマを作成する

WordPressで子テーマを作成する

変更されていない親テーマから子テーマを作成する^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress