WordPressの子テーマを 簡単に作成できるプラグイン
Child Theme Configurator でできること
子テーマを簡単に作れる。
WordPressはテーマを更新すると、テーマファイルに加えた追記や修正が上書きされて消えてしまうが、子テーマを使えばそれを防ぐことができる。
Child Theme Configuratorを使えば簡単に子テーマを作成することができる。
サーバー内にフォルダを作成したり、ファイルへの呼び出し用コード記入が必要であり、初心者が一から子テーマを作ると、functions.phpやstyle.cssが反映されないといったトラブルが起こりがちになるのを回避できる。
セキュリティを強化する
テーマ更新のたびにカスタマイズするとリスクが生じる。後から追記や修正を加えたテーマファイルを別に作成して、更新してもそのまま残るようにしたものが子テーマ 。
本体のテーマ(親テーマ)を常に最新の状態にしつつ、追記や修正したテーマファイル(子テーマ)を容易に使える。
脆弱性が発見されたり、機能の追加や修正があるとテーマの更新が行われる。これによって最新の機能を追加したり、セキュリティを強化することができる。
Child Theme Configurator で子テーマを作る
「Select a Parent Theme:」でテーマ名をクリックすると、プルダウンメニューが開く。
子テーマを作りたいテーマを選んで「Analyze」をクリック。
テーマの解析結果が表示される。
子テーマが作成可能であれば「This theme appears OK to use as a Child theme.」と表示される。
| 4 | Name the new theme directory | 子テーマのディレクトリ名を変更。 ここはそのままでOK。 |
|---|---|---|
| 5 | Select where to save new styles | 子テーマ用のスタイルシートを設定します。「Primary Stylesheet (style.css) 」のままでOK |
| 6 | Select Parent Theme stylesheet handling | 親テーマのスタイルシート呼び出し方法を設定。 特に問題がなければ一番上の「Use the WordPress style queue.」でOKです ※a |
| 7 | Customize the Child Theme Name, Description, Author, Version, etc. | 子テーマの詳細です。 「Show/Hide Child Theme Attributes」をクリックすると、子テーマの詳細が表示されます。 そのままでOK。 |
| 8 | Copy Menus, Widgets and other Customizer Settings from the Parent Theme to the Child Theme | ここにチェックを入れると、親テーマで設定していたメニューやウィジェット、カスタマイザーの内容を、子テーマに引き継ぐことができる」。 通常、子テーマを作成すると、親テーマで設定していたウィジェットやカスタマイズは最初からやり直しになるので、ここはチェックしておく。 |
※a:以前は@importを利用して、子テーマ側のstyle.cssで呼び出す方法が主流だったが、現在はfunctions.phpを使う方法が推奨されています。
ここは下手にいじると正しく表示されないので、特に問題がなければ一番上の「Use the WordPress style queue.」でOK。
Click to run the Configurator: の「Create New Child Theme」をクリックして、子テーマを作成。
親テーマファイルを子テーマに移動
子テーマの作成後
子テーマを作成すると、その中にテーマファイル function.php と style.css の2つが追加される。
画面上部のタブメニューからは、ウェブフォントの設定・子テーマのスクリーンショット追加・子テーマのZIPファイル作成など、様々な設定ができる。
親テーマで header.php や footer.php、sidebar.php など、子テーマに引き継がれないテーマファイルを変更していた場合はここで移動 。
header.php や footer.php に、Googleアナリティクスのコードや jQuery のコードを直接追記していたり、sidebar.php にリンクやバナーを表示していた場合、子テーマに変更は引き継がれません。
この状態で親テーマを更新すると、変更箇所はすべて消えてしまうのを防ぐために、変更した親テーマファイルを子テーマに引き継ぐ。
親テーマから個別に子テーマに引き継ぐ
上タブメニューの「Files」から、子テーマに引き継ぐ親テーマファイルをチェックして「Copy Selected to Child Theme」をクリックすると、親テーマファイルが引き継がれる。
子テーマを有効化する
ダッシュボード左メニュー「外観」→「テーマ」から、作成した子テーマを有効化すれば完了。
