ワードプレスの子テーマって、なぜ必要なの?

      2020/09/17   1451文字

今回は、ワードプレスサイトを作るときにたまに話題になる『子テーマ』について取り上げます。

『必要だ』といわれていますが、どんなときに必要か・子テーマを入れないことでどんなリスクがあるのかなどを、チェックしていきます。

子テーマって?無いとどうなるの?

親テーマのスタイル(スタイルシート)などを継承したサブテーマのことです。最低構成ファイルは『ディレクトリ・子テーマstyle.css・子テーマfunctions.php』で、functions.phpは親テーマに追加して読み込まれます(よくある、覚えといたほうが良いファイル読み込み方でました)。

詳しくは、wordpress codex
https://wpdocs.osdn.jp/子テーマ
を読んでいただくと良いでしょう。

子テーマをインストールしていない場合、『テーマをカスタマイズしていたのにも関わらず、テーマアップデートで、カスタマイズ部分が上書きされて最初からやり直し』というようなリスクがあります。

必要な例1:子テーマでスタイルを継承せずに、テーマをアップデートしてしまうとカスタマイズ無効

では、子テーマを設定しておいたほうが良い事例を紹介します。

管理人がサブでサーバーにインストールしておいたワードプレスサイトです。少しCSSをいじってカスタマイズしました。見出しなどが青く変更してあります。


ワードプレスの中には、Twenty Seventeenのように、どんどん最新バージョンにアップデートされていくテーマもあります(こういう風に、アップデートがあることを通知・更新するとこの表示になる)。

で、テーマをアップデートしてみたところ・・

せっかくカスタマイズしたcss部分が上書きされてしまい、初期デザインになってしまいました!

こうなったのをまた最初から直すのは大変なので、アップデートがある(アップデートで新機能を取り入れる)テーマをベースにして使う場合は、必ず子テーマもインストールして、そちらでデザインを調整するようにしてください

必要な例2:テーマが子テーマでデザイン制御する設計の場合

この世には、子テーマでデザイン制御するようなの推奨する設計のテーマもあります。例えば『Luxeritas』なんかがそうです。『子テーマCSSをデフォルトで読み込むかどうか』みたいな設定項目もあり、いろいろ構成ファイルがありすぎて、子テーマからカスタマイズしたほうが早いからです。

まとめ・子テーマが必要な場合とそうでない場合

  • テーマアップデートがないものでは、あまり恩恵はない
  • ただし、デザインカスタマイズして、テーマアップデートしたいときは必須
  • 子テーマがないと、アップデート時にデザインが初期化
  • テーマの設計上必要な場合もある

管理人は『アップデートが発生しないテーマをカスタマイズ』『気になった部分は、自分でphpファイルいじって直す』というのをやってるので、あまり子テーマを使う機会はありませんでした。その場合は、子テーマの恩恵はあまり受けられないかもしれません。

しかし、『アップデートがある』『テーマ自体が子テーマ前提設計』の場合は、必要といえます。


【カテゴリ】 - wordpressテーマ情報
【タグ】 -

  関連記事

【おすすめWordPressテーマ】Maxwell~シンプル・洗練されたブログメディア向きテーマ・スライダーやレイアウト変更も簡単
wordpressをインスタ風クールな写真サイトできるテーマ・For the future使ってみた
Twenty Twenty-Oneの表示のしかた・速度・機能・カスタマイズ方法などを徹底チェック【WordPress5.6テーマ】
【企業コーポレートサイト向けwpテーマ】Llorix One Liteが会社サイトに使える、4つの理由
【WordPress】コーポレート&ブログ併設向きの、固定ページ1カラム・投稿2カラムレイアウトを切り替えるテーマ
【WPカスタマイズ】子テーマさえ入れとけば大丈夫・・とならない事例(親テーマに手を入れるorファイルコピー適応必要)
WordPress 5.3からついてくる2020基本テーマ『Twenty Twenty』、表示の仕方・速度・カスタマイズ方法などを徹底チェック
超カッコいいサイトテンプレート(WPテーマ)・Hestia~印象的なトップページのセッティング
【音楽サービス・バンド向け】元バンドマンのweb開発者が、WordPressテーマ『Rock Star』をレビュー
【オリジナルWordPressサイト制作】カスタマイズ向けのシンプルなスターターテーマ紹介
ワードプレスの子テーマって、なぜ必要なの?
【WordPress】150×150.jpgのような画像生成停止方法・すでに出来ている場合の対処