2022.07.29WordPressのデザインや機能をカスタマイズする場合、子テーマは必須の機能です。子テーマがないと、テーマの更新で編集内容が消えてしまうからです。WordPressの子テーマはプラグインで作れます。今回のコラム記事では、上記のような疑問を解決します。Configuratorの使い方についても解説します。まとめWordPressの子テーマとは子テーマとは、WordPressをカスタマイズするための仕組みです。本来のコードが書かれている親テーマを編集せず、デザインや機能をカスタマイズできます。子テーマで編集された内容は、親テーマに上書きされて読み込まれます。そのため、親テーマを編集する必要がなく、テーマが更新されてもカスタマイズ内容が消えません。最小限の子テーマでは、style.cssとfunctions.phpで構成されています。この2つのファイル以外も、子テーマのディレクトリにコピーすることで編集ができるようになります。WordPressの子テーマを作成するプラグインWordPressで子テーマを作成する方法は「自作」「プラグイン」の2種類があります。子テーマが作りたいなら、プラグインが断然おすすめです。プラグインなら面倒な設定もなく、わずか数分で子テーマが作成できます。子テーマを作成できるプラグインをいくつか紹介します。Configuratorは、かんたんにWordPressの子テーマを作成できるプラグインです。インストール数は30万以上を誇り、更新も小まめに行われているようです。作成画面では「新しい子テーマを作成」「既存の子テーマを構成」「既存の子テーマを複製」「既存の子テーマをリセット」の4つのメニューが選べます。Theme」にチェックを入れて、数クリックするだけで子テーマが作成できます。設定画面が英語ですが、シンプルですのであまり操作には迷わないでしょう。子テーマを作る場合の設定は、基本的にデフォルトのままがおすすめです。Generatorは、数クリックで子テーマを作成できるプラグインです。Generator」があるので、インストールのときには間違えないように注意しましょう。Solutions」です。Generatorは子テーマを作成できます。ワンクリックで子テーマを作成できるオプションのほか、子テーマの詳細情報を盛り込めるオプションもあります。今回紹介するプラグインのなかでは、もっともシンプルで操作しやすいプラグインです。Generatorをおすすめします。Themeは、シンプルで直感的に操作できる子テーマ作成のプラグインです。ThemeはWordPress公式で配布されていないため、GitHubから入手する必要があります。Themeのダウンロードページダウンロード方法は緑色の「Code」ボタンを選択し、ZIPファイルを選んでダウンロードしましょう。プラグインのアップロード」でZIPファイルをアップロードしましょう。Themeはインストールがやや手間ですが、操作画面は非常にシンプルで使いやすいです。Configuratorをインストールしましょう。インストール方法は、ほかのプラグインと同様です。Configurator」と入力します。Configuratorが表示されるので「今すぐインストール」をクリックしましょう。インストールできたら「有効化」をクリックしてプラグインの有効化をしてください。Theme」で開きましょう。Configuratorには、4つの動作があります。Theme」にチェックを入れて「Analyse」をクリックしましょう。親テーマの分析が終わり、問題なければ子テーマが作れるようになります。Theme」をクリックして子テーマを作成してください。子テーマを作成すると、テーマファイルにstyle.cssとfunctions.phpが追加されます。画面上部のタブからさまざまな操作ができるようになります。CSSのクエリやセレクタ、文字フォント、親テーマのスタイル、子テーマのスタイル、親テーマから子テーマへのファイル移動などの設定が可能です。親テーマから子テーマにファイルを移動したい場合は「Files」を使うとFTPソフトを利用せずかんたんにテンプレートがコピーできます。作成した子テーマを確認する方法を解説します。作成した子テーマの確認は、WordPressの管理画面にある「外観」→「テーマ」からできます。作成した子テーマが使えるかどうか、有効化して実際に確かめてみましょう。有効化したあと、Webサイトのフロントページからも「デザインが崩れていないか」「問題なく表示できるか」などを確認してください。style.cssが動作するか確認style.cssがしっかりと動作するか確認しましょう。style.cssでデザインを変更し、変更内容がWebサイトに反映されているかどうかチェックしてください。キャッシュで反映されない場合がありますので、スーパーリロードを行いましょう。スーパーリロードとは、ブラウザにキャッシュを残しつつサーバーの新しいデータを取り込む仕組みです。スーパーリロードの仕方は、以下の表を参照してください。・Shift+更新ボタン・Ctrl+Shift+R・Ctrl+Rfunctions.phpが機能するか確認functions.phpの機能がきちんと動作するか確認しておきましょう。以下のようにアドミンバーを非表示にするコードを書いてチェックしてください。親テーマから子テーマにテンプレートをコピーする方法を解説します。header.phpを子テーマにコピーし、Googleアナリティクスのコードを書き込むといった例が代表的でしょう。コピーの方法は「WordPressの管理画面」「FTPクライアント」の2種類があります。WordPressの管理画面からコピーWordPressの管理画面から親テーマのテンプレートを子テーマにコピーする方法を紹介します。Themes」を選択します。Configuratorの設定画面を開いたら「Files」タブをクリックします。Theme」をクリックすれば完了です。コピーできたかどうかは「外観」→「テーマファイルエディター」で確認してください。FTPクライアントでアップロードFTPクライアントで親テーマのテンプレートをコピーする場合、以下の手順を行ってください。「/wp-content/themes/」以下、親テーマのディレクトリからテンプレートをダウンロード子テーマのディレクトリにテンプレートをアップロードまとめWordPressの子テーマの作成ができるプラグインを解説しました。WordPressでデザインや機能をカスタマイズする場合、子テーマは必須です。子テーマを作成する方法は「自作」「プラグイン」の2種類がありますが、プラグインが断然おすすめです。プラグインなら、インストールから子テーマ作成までをわずか数分で行えます。Configuratorです。プラグインを使ってかんたんかつ効率的に子テーマを作成しましょう。美容業まずは無料でご相談ください。