自分用にカスタマイズするときに。子テーマの使い方

2022.11.04

#webtips #WordPress #カスタマイズ #デザイン #ページ作成 #子テーマ #着せ替え

やることの流れです。

親テーマを設置する
子テーマをダウンロード
所定の場所に子テーマを設置
フォルダの名前は「foto-note-child」にする
管理画面で「テーマ」を子テーマに設定

では順を追って実装してみましょう。

と、その前に。子テーマとは？

ご購入の際にダウンロードしていただくテーマは親テーマ（foto-note.zip）です。
子テーマは、親テーマの機能をそのまま引き継ぎつつ、部分的にカスタムができるWordPressの仕組みです。

くわしくは、ちょっとむずかしいページですがこちらをお読みください。

子テーマ | WordPress Codex 日本語版

子テーマの特徴をかんたんに

２行で説明します。
テーマのアップデートを行った際、親テーマディレクトリの中のファイルが更新されます。子テーマは更新されません。

ということで、こんなときにつかえます◎

・メニューの色を変えたい、サイドバーやコンテンツの背景を変えたいといった部分的なcssの変更

・装飾を加えたいといったcssの追加

・トップページに静的なコンテンツを足したい

・サイト内のページのフッターに静的なコンテンツを読み込みたい

親テーマありきの子テーマです。他のテーマに当てはめても構造や組み方が異なりますので同じような見た目にはなりませんし、お役に立ちません。

cssのカスタム

コンテンツの背景色を変えたい、サイドバーの色を変えたいなど、見た目に関する修正は使っていると必ず発生します。画像やcssなどは機能に干渉しませんし、いまどきcssでいろいろできるので。使いたい。

一部のcssファイルに直接コードを足したりだとかカスタムしたところがアップデートの度に消える、消えないように更新時にバックアップをとり更新後に戻す・・というのは手間が過ぎるので。

子テーマのcssについてはこちら

背景色や文字色・装飾のカスタマイズをしたいとき

背景色、文字色などを部分的に変えたいなと思ったら、cssでカスタマイズできます。

ページのちょこっと変更やちょこっと追加

ページの中に自分でコーディングしたものを入れるといった場合、親テーマのhome.phpを複製したものを子テーマに設置、そこでコーディングすると、親テーマをアップデートしたときも子テーマのhome.phpは上書きされないため、そのまま維持できます。
コーディングしたものを管理するのにも利用できます。

しないほうがいいこと

親テーマfunctions.phpの内容を複製する・上書きする

子テーマ利用中は基本的に親テーマの機能がそのまま継承されます。一部を除き、子テーマの中のファイルが優先されるという仕組みですが、functions.phpファイルは親も子も両方が読み込まれます。
コンフリクトしたり、おかしな挙動の原因にもなりますので、子テーマのfunctions.phpは触らないようにしましょう。

親テーマのfunctions.phpには、テーマ全体の機能に関する記述が入っていますので、内容を子テーマに複製したり上書きするとエラーを起こす可能性もありますのでご注意ください。