設定手順エンジニアの転職情報サイト現役のjavaエンジニアが運営する転職情報サイトです。子テーマとは・・・別のテーマ(親テーマ)の内容を、定義しなおし、上書き(オーバーライド)することができるテーマになります。Wordpressには、必ず「style.css」というスタイルシートがあるのですが、これを下記のように定義したとします。定義されているので、14pxでオーバーライドされ、反映される事になります。このように、親テーマで定義されている内容を変更したり、また、新たな内容を追加したりできるのが、「子テーマ」なのです。子テーマを利用するメリットは、なんといっても「カスタマイズ」です。通常、テーマをカスタマイズする場合、そのテーマのファイルを直接編集すると思います。これだと、そのテーマをバージョンアップした時に、編集した箇所は全て消えてしまいます。そこで、「子テーマ」が登場するわけですね。カスタマイズしたい内容を、「子テーマ」に設定することで、親テーマをバージョンアップしたとしても、その内容は保持され続けます。これが、「子テーマ」を利用する最大のメリットです。そこで今回の記事では、Wordpressの「子テーマ」の作り方や注意点について、順に解説していきます。以下、目次になります。特殊ワードプレス・子テーマが反映されない際の改善方法スポンサード・リンクWordPress子テーマを作成する際に、必要な3つのファイルWordPressの子テーマを作成する際は、まずは専用のディレクトリを用意して、「wordpress/wp-content/themes」以下に、アップロードします(FTPツールでアップしてください)ディレクトリ名は、任意ですが、分かりやすいように「●●●_child」などとすると、良いでしょう。カスタマイズする場合のみ上記で必須となるのは、「style.css」だけですが、テーマをカスタマイズする場合、各テンプレートファイルや、テーマで利用する関数がまとまっている「functions.php」を編集しているケースがほとんどでしょう。いった意味で、上記の3つのファイルをピックアップしました。それぞれの作成手順について、以降解説していきます。上述しているとおり、「style.css」は、Wordpress・子テーマを作成するうえで、必須のファイルになります。このファイルで、「●●(親テーマ)の、子テーマになります!」と宣言するわけですね。「style.css」の作成手順ですが、手順は非常に簡単です。子テーマですAuthor:山田太郎Version:1.0*/以下、上記項目の説明です。子テーマのバージョン以上です。上記のように記述すれば、Wordpress本体に「子テーマ」として認識させる事ができます。Name」と「Template」が必須項目で、あとは無くてもかまいません。注意点としては、親テーマのディレクトリ名は大文字・小文字を区別するので、間違えないようにしてください。次に、上記以降の行で、カスタマイズ部分のスタイルシートを定義していきます。「style.css」は、親テーマの「style.css」を全上書きするので、ほとんどの場合、一から定義するのではなく、親テーマの内容を一旦読み込んでから、カスタマイズ部分のみ、記載していくケースがほとんどでしょう。上記の1行で、親テーマの「style.css」が読み込まれます。あとは、以降の行に、独自にカスタマイズしたい内容を記載していってください。「style.css」が作成できたら、「子テーマ」を有効化する必要があります。手順は、Wordpressの管理画面メニューから「外観」→「テーマ」を選択して、テーマ一覧画面が開いたら、追加されている「子テーマ」を有効化してください(下図参考)以上です。これで、Wordpressの公開ページを表示する際、作成した「子テーマ」が読み込まれる事になります。次に、各テンプレートファイル(header.phpやfooter.php、single.phpなどの)の設定方法について、解説していきます。カスタマイズしたいファイルを、そのまま「子テーマ」のディレクトリにアップしてください。「header.php」をカスタマイズしたいのであれば、「header.php」を新規作成し、アップしてください。なります(「style.css」は、カスタマイズ有無に関わらず必須ですが)また、ファイル名は、必ず親テーマのモノと同じ名前を定義してください。WordPress本体は、最初に「親テーマ」を読み込みにいって、次に「子テーマ」に配置されているファイルのみ、読み込みにいきます。子テーマに配置されていないファイルに関しては、「親テーマ」のファイル内容が反映されることになります。各テンプレートファイルの話に戻りますが、カスタマイズしたいファイルを、子テーマ・ディレクトリにアップできたら、そのファイルの中身(内容)を定義していきます。テンプレートファイルは、「style.css」と一緒で、親テーマのファイルを、全上書きします。一般的には、親テーマの内容を全コピーして、カスタマイズしたい部分だけ、変更・追記していく形が良いでしょう。以降の行で、独自の処理を追記していくことで、明示的にカスタマイズ部分を特定する事ができます。最後に、「function.php」についてです。親テーマ」といった順番で、読み込まれる仕組みになっているのです。子テーマの「function.php」には、純粋にカスタマイズしたい内容のみ記述していけば良いです。上記の2つの処理を、子テーマに定義する必要があります。詳しい手順などについては、下記記事にてまとまっているので、ぜひ参考にしてください。ワードプレス・子テーマが反映されない際の改善方法もし、「子テーマ」を作成したが、なにも反映されてない場合、主要な原因を下記にまとめましたので、参考にしてください。「Template」に指定している「親テーマのディレクトリ名」が間違っている(大文字・小文字も区別しています)子テーマディレクトリに配置しているファイル名が、親テーマのモノと違っている(ファイル名は、必ず統一してください)WordPressの管理画面上で、「子テーマ」を有効化していない(下図を参考に有効化してください)以上です。コメントをキャンセルメールアドレスが公開されることはありません。~未経験者へのおすすめも。~未経験者についても。~求人情報の見方や注意点も。