Column

WordPressの子テーマとは|製造業Web担当者がカスタマイズ前に知るべき仕組み

Webサイト運用WordPressサイト管理子テーマ製造業

WordPressの子テーマとは|製造業Web担当者がカスタマイズ前に知るべき仕組み

「外注に頼まずに自分でサイトを直したのに、WordPressを更新したら元に戻ってしまった」――金属加工や部品メーカーのWeb担当者から、こういった相談を受けることがあります。

原因のほとんどは、「テーマに直接書き込んでしまっていた」という一点に尽きます。WordPressには「子テーマ」という仕組みがあり、これを使うかどうかで、カスタマイズが消えるかどうかが決まります。

このページでは、WordPressの子テーマとは何か、なぜ製造業のWeb担当者がカスタマイズ前に知っておくべきなのかを、専門用語をできるだけかみ砕いて説明します。

「更新したら元に戻った」は子テーマを使っていないサインです

WordPressのサイトは「テーマ」と呼ばれるデザインの雛形で構成されています。テーマは定期的に開発元がバージョンアップを配布するため、サイト管理画面から更新ボタンを押すことがあるはずです。

パソコン画面を見て困惑している会社員

このとき、テーマのファイルに直接手を加えていると、更新によってそのファイルが上書きされ、変更内容がすべて消えてしまいます。たとえば「お問い合わせボタンの色を変えた」「フォントサイズを少し大きくした」といった修正も、例外なく元に戻ります。

愛知県の金属プレス加工メーカーのWeb担当者が、会社の採用ページに追記した文章とデザイン調整が、テーマ更新後に丸ごと消えたという事例は珍しくありません。作業時間だけでなく、採用情報の欠落というリスクまで生じます。

子テーマとは「親テーマを守りながら変更を管理する専用フォルダ」のこと

子テーマとは、既存のテーマ(親テーマ)とは別に用意した「カスタマイズ専用の入れ物」です。WordPressは、子テーマが存在する場合、まず子テーマのファイルを読み込み、設定がなければ親テーマを参照するという順序で動作します。

テーマ直書き vs 子テーマの違い

つまり、カスタマイズの内容を子テーマ側に書いておけば、親テーマを更新しても子テーマのファイルは上書きされません。変更が消えるという問題が根本から解決されます。

Excelで例えるなら、元データのシートに直接書き込む代わりに「差分だけを書くシート」を別に用意するイメージに近いです。元シートを更新しても、差分シートの内容は残ります。

子テーマの基本構造|最低限のファイルは2つだけ

子テーマというと難しそうに聞こえますが、最低限必要なファイルは次の2つです。

子テーマの基本セットアップ手順
  • style.css:デザインの変更を書くファイル。「これは〇〇の子テーマです」という宣言も兼ねています
  • functions.php:親テーマのCSSを読み込む命令を書くファイル

この2ファイルを「wp-content/themes/(子テーマ名)」というフォルダに入れ、管理画面から有効化するだけで子テーマとして機能します。難しいプログラミングの知識は不要で、最初の設定さえ正しければあとは通常どおり使えます。

大阪の産業用搬送機械メーカーで内製管理を始めたケースでは、外注先に子テーマの初期セットアップだけを依頼し、その後の文章変更やCSSの微調整は担当者が自分で行う、という分担が定着しています。

製造業のWeb担当者が子テーマを使うべき具体的な場面

自社サイトのすべてをゼロから作り直しているわけではない場合、子テーマの出番は思いのほか多くあります。

子テーマが必要になる典型的な場面
  • 既製のテーマを使いつつ、会社ロゴの位置やフォントを変えたい
  • 採用ページのボタンの色を自社コーポレートカラーに合わせたい
  • お問い合わせフォームのCSS(見た目)を整えたい
  • 技術情報ページのレイアウトだけを調整したい

逆に、子テーマを使わずにテーマ直書きをしてよい場面はほとんどありません。「今後一切テーマを更新しない」という選択も、セキュリティ上のリスクを考えると現実的ではないためです。

樹脂成形の部品メーカーで採用ページのリニューアルを担当した方が「外注に追加費用を払いたくないので自分で直した」と言っていたケースでも、子テーマを使っていなかったために3回分の修正が無駄になった、という話を聞いたことがあります。

「子テーマを使っているか」をすぐに確認する方法

現在のサイトが子テーマで運用されているかどうかは、管理画面から確認できます。

管理画面でサイト設定を確認する担当者
  1. WordPressの管理画面にログイン
  2. 左メニューの「外観」→「テーマ」を開く
  3. 有効化されているテーマの詳細を確認する

テーマの説明文に「Template:(親テーマ名)」という記述があれば、子テーマが有効になっています。この記述がなければ、親テーマに直接変更を加えられる状態です。

もしこれまで自分でカスタマイズを加えていた場合は、現在のテーマファイルの中身をバックアップしたうえで、子テーマへの移行を検討することをおすすめします。移行そのものはそれほど複雑ではありませんが、既存の変更を整理する作業が必要になる場合があります。

まとめ

WordPressの子テーマとは、カスタマイズの内容を親テーマとは別に保存するための仕組みです。テーマを更新しても変更が消えないのは、子テーマを使っているからです。製造業のWeb担当者が自社サイトに手を加えるなら、子テーマのセットアップが最初の一歩になります。外注に初期設定だけ依頼し、その後の更新を内製化するという分担も現実的な選択肢です。

BtoB企業の技術発信と採用コンテンツを、制作から月次運用まで担当しています。まず現状のサイトを無料で診断します。

ブログ一覧へ戻る