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

Last Updated: 2016 年 08 月 02 日 7のコメント

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

上記のようにスタイルシートをエンキューする場合は、子テーマのスタイルシートから@import url(...)部分を削除してください。 チャイルドテーマの作り方は ここで説明されているように簡単に作成できます。 一部の有料テーマでは、テーマファイル内のチャイルド 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 themeで 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/

      応答