ベストセラー人気 WordPress テーマTop 30 詳細

[WordPress]効果的なチャイルドテーマを作成する

Last Updated:2016年8月2日| 7のコメント
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

WordPressを変更する場合、通常、チャイルドテーマ(子テーマ)を作成作業と今後のテーマが更新されても変更は消えません。

チャイルドテーマを作成するときに、スタイルシートファイルは、次のように@importを使用して、親テーマのスタイルシートファイルをロードします。

/*
Theme Name:   Twenty Fifteen Child
Template:     twentyfifteen
*/
@import url(../twentyfifteen/style.css);

このような方法が広く使われています。 しかし、外部スタイルシートでCSS @importを使用すると、Webページの読み込み中に、追加のディレイ(遅延)が発生することがあるそうですね(参照)。 だから、スタイルシートを@importを介してロードすることもenqueue方法でロードすることが少しの利点があるとします。

次のような形式で、スタイルシートをenqueueできます。 (以下の内容をチャイルドテーマの関数ファイル(functions.php)に追加します。)

function theme_enqueue_styles() {
$parent_style = 'parent-style';
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 )
);
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
// Source: codex.wordpress.org

上記のように、スタイルシートをenququeする場合、子テーマのスタイルシートで@import url(...)の部分は、削除となります。 チャイルドテーマを作成する方法は、 ここに記載されているかのように簡単に作成することができます。 いくつかの有料テーマはテーマファイル内Child Themeフォルダを個別に含めて使いやすさを図る場合もあります。 例えば、有名な AVADA テーマをダウンロードすると、別のZIPファイル形式でChild Themeが含まれています。

/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

通常の場合は、直接チャイルドテーマを作成して使用します。 最良の方法は、テーマを変更せずに必要な変更を適用することである。 そのためには アクションとフィルタなど WordPress フックを身ば役立ちます(WordPress フックリスト を参照)。 そして、特定のテーマにのみ適用されるものではなくテーマが変わっても適用される関数は、別のプラグインとして作成関数を含める方法もお勧めします(参照).

メモ:



7のコメント

コメント

  1. こんにちは子テーマに関する質問ちょっとお伺いします。
    マウントの場合には、子テーマを作ることが必ず必要であることは、ワード様文を通じて
    知るされた場合、登録型である場合にも、子テーマを作成てるんだろ作成ならもしかしたら方法を参考に値するところがあることを回答お願いいたします./

    応答
    • WordPress 加入型である場合、ビジネスプラン(Business plan)以上でチャイルドテーマを作成することができます。

      To use child themes with a WordPress.COM site、you'll need to first install WordPress locally on your computer。 After you've created your child theme locally、you can then zip it up and upload it to your WordPress.com Business site。

      An alternative to manually creating your child theme is to make use of a plugin that will create your child theme for you(for example Child Theme Configurator)。 Search the plugin repository for "child themes" to browse through your available options。

      プレミアム以下ではチャイルドテーマを作成することができません。
      そして、加入型では、ftp接続がされていないので、チャイルドテーマを作成作業には、PCに WordPressをインストールしてチャイルドテーマを作成し、必要な修正をした後、zipで圧縮してアップロードする方法が効率的ことである。

      加入型 WordPressのビジネスプランの場合設置型 WordPressと実質的に同じですが、ftp / sshのがいけないし、phpmyadminなどを利用したDBアクセスがないなどの制約があるので、自由にコムスタームするマウントが適しています。 加入型と設置型の違いについては、次の文で前を参照してください。

      https://www.thewordcracker.com/basic/how-to-start-wordpress/

      応答
      • 回答ありがとうございます。 すでにビジネスで決済が行われた状況です。
        pcに WordPressをインストールしてチャイルドテーマを作成することは有用なしには難しいようですㅠ
        その後、第二の方法でプラグインを使用して子テーマを作成する場合、サイトの速度低下の欠点が生ずるか?

      • プラグインを使用する場合は、次の記事で紹介するプラグインを使用してみることができます。

        https://www.thewordcracker.com/basic/%EA%B0%84%ED%8E%B8%ED%95%98%EA%B2%8C-%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EC%B0%A8%EC%9D%BC%EB%93%9C-%ED%85%8C%EB%A7%88-%EB%A7%8C%EB%93%A4%EA%B8%B0/

        プラグインを使用して子テーマを作成した後、プラグインを無効にしてもされます。

  2. プラグインを使用すると、簡単に子テーマを作成することができます。

    https://www.thewordcracker.com/basic/%EA%B0%84%ED%8E%B8%ED%95%98%EA%B2%8C-%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EC%B0%A8%EC%9D%BC%EB%93%9C-%ED%85%8C%EB%A7%88-%EB%A7%8C%EB%93%A4%EA%B8%B0/

    応答