Child Theme Configuratorの設定とファイルの追加

子テーマ

「子テーマ」は、WordPressのテーマの機能やスタイルを引き継ぎつつカスタムするテーマです。スタイルを変えたい部分だけを子テーマに記載します。「子テーマ」を作っておくと、親テーマのアップデートより、子テーマで指示したスタイルは書き換えられることがありません。

プラグインを使うと、簡単に子テーマのスタイルシートを作ることができます。

プラグイン「Child Theme Configurator」の使い方を記載します。

Child Theme Configuratorのインストールと有効化

プラグインの新規追加より「Child Theme Configurator」を検索しインストールします。

• Child Theme Configuratorのインストール
• Child Theme Configuratorの有効化

Child Theme Configuratorで子テーマ作成

「ツール」より「Child Theme」を選択すると、「Child Theme Configurator」の設定画面になります。

1.Select an action

• 新しい子テーマを作成する
• 既存のテーマを設定する（既存のテーマがある場合はココにチェックが入っています）
• 子テーマをコピーする
• 既存のテーマをリセットする

以上の中から選択します。

2.Select a Child Theme

プルダウンで、子テーマを作る親テーマを選びます。

3.Analyze Child Theme

「Analyze」をクリックすると、問題がないか分析されます。

4.Verify Child Theme directory

ディレクトリ名を確認します。

5.Select where to save new styles

Primary Stylesheet (style.css)にチェックを入れます。

• 既存のスタイルを書き換える
• 既存のスタイルに上書きしないで、新しいカスタムスタイルを別のスタイルシートで保存し、既存のスタイルと親のスタイルとを組み合わせてベースラインを作る

6.Select Parent Theme stylesheet handling 親テーマの処理

Use the WordPress style queueを選択します。

• 「Use the WordPress style queue」 WordPressのスタイルキューを使用する

参考

以前は @import: を使用して親テーマのスタイルシートをインポートしていましたが、これはもはや良い方法ではありませんので注意してください。

7.Customize the Child Theme Name, Description, Author, Version, etc.

子テーマの名前、説明、作成者、バージョンなどをカスタマイズできます。通常はカスタムズしなくても良いと思います。

8.Copy Menus, Widgets and other Customizer Settings from the Parent Theme to the Child 

親テーマで記述しているメニュー、ウィジェットなどカスタマイザ設定を子テーマに引き継ぐ場合にチェックを入れます。

9.Configurator Child Theme で実行

子テーマのディレクトリ

子テーマのディレクトリは2つのファイルからなります。

• style.css
• functions.php

「header.php」や「footer.php」その他のファイルの追加も簡単

1. Files タブ開く
2. コピーしたいテンプレートを選ぶ
3. Copy Selected to Child Theme をクリック

親テーマから、チェックを入れた項目のPHPテンプレートがコピーされます。下の画像は header.php をコピーしました。