セカンドテーマとは?WordPress開発用テーマの安全な使い方

デザイン・クリエイティブ
セカンドテーマとは?ざっくりと3行で
  • WordPressで本番公開中のテーマとは別に用意する開発・テスト専用のテーマのこと。本番サイトを壊すリスクゼロでカスタマイズを試せる安全バッファだ
  • WordPressのテーマを本番上で直接編集するのは非常にリスクが高く、PHPのミスが1文字でも管理画面ごとアクセスできなくなる(WSoD:White Screen of Death)事態が起きる。セカンドテーマはこのリスクを回避するための安全策だ
  • テーマ更新でカスタマイズが上書きされて消えるリスクを防ぐには子テーマ(チャイルドテーマ)を使うことが推奨されており、セカンドテーマと組み合わせるのが現場の定番パターンだ

【深掘り】これだけ知ってればOK!

セカンドテーマの具体的な使い方は、本番で使っているテーマ(例:Cocoon)と同じテーマをもう1つインストールし、ローカル開発環境やステージング環境でそのテーマをアクティブにして開発・テストを行う方法だ。WordPressのローカル開発ツール(Local by Flywheelなど)と組み合わせることで、本番サーバーに一切触れずにデザイン変更・プラグイン追加・PHP改修を試すことができる。テストが完了したら変更内容を本番テーマに反映させるか、セカンドテーマを本番に切り替えるかを判断する。

WordPressのテーマアップデートで最も痛い失敗がカスタマイズの上書き消失だ。本番テーマのPHPファイルやCSSを直接編集していると、テーマのアップデートで変更が上書きされて消えてしまう。この問題を根本的に解決するのが子テーマ(チャイルドテーマ)だ。子テーマはwp-content/themesに親テーマとは別フォルダで作成し、style.css(Template行が必須)とfunctions.phpを配置するだけで完成する。以降のカスタマイズを子テーマ側にのみ書き込むことで、親テーマのアップデートに影響されなくなる。

バックアップと開発環境の整備はWordPressサイト運用の最重要インフラだ。UpdraftPlusなどのプラグインでデイリーバックアップを設定し、テーマ変更前には必ずバックアップを取る習慣を作ること。

セカンドテーマで開発→子テーマで本番運用という組み合わせが、WordPressカスタマイズの最も安全な運用パターンだ。WP Stagecoachなどのステージング環境サービスを使えば、本番と同一の環境でテストしてから本番に反映するフローを組むことができる。

ステージング環境のない場合でも、Local by Flywheelを使えば手元のPCに本番と同じWordPress環境を数クリックで再現できる。本番データをインポートする機能もあるため、実際の記事・画像・設定を使ってテストが可能だ。

よくある誤解

セカンドテーマ=別テーマへの乗り換えという誤解がある

セカンドテーマは本番公開中のテーマとは別に用意する開発・テスト用のテーマで、サイトのデザインを根本的に変えることとは異なる。あくまで開発中は非アクティブ状態で存在し、本番に影響を与えない状態でテストするための道具だ。

セカンドテーマがあれば子テーマは不要という誤解

セカンドテーマは「開発環境の安全策」で、子テーマは「本番環境でのアップデート対策」だ。解決する問題の層が異なるため、どちらか一方があれば十分というわけではない。「セカンドテーマで開発→子テーマで本番運用」という組み合わせが、WordPressカスタマイズの最も安全な運用パターンだ。

会話での使われ方

ITKAGYO運営者デプロイ太郎のアイコン画像

本番テーマを直接触るのは怖くて。ローカルにセカンドテーマを用意して確認してから反映させるようにしたら、サイト崩れのリスクがなくなって安心できました。

WordPressサイト担当者が運用改善について話している場面。本番直接編集のリスクを避ける基本的な運用フローへの移行を語っている。

ITKAGYO運営者デプロイ太郎のアイコン画像

テーマのアップデートをかけたらヘッダーとフッターのカスタマイズが全部消えてしまいました。子テーマを使っていれば防げたんですか?

WordPressを独学で運用しているブロガーがテーマ更新後のトラブルを経験して相談している場面。子テーマなしで直接テーマを編集するとアップデートで消えるのは非常に多い失敗パターンだ。

ITKAGYO運営者デプロイ太郎のアイコン画像

新機能の実装はまずセカンドテーマ側のテスト環境で動作確認して、問題なければ本番に上げる段取りで進めます。クライアントへの影響が最小化できます。

Web制作会社のエンジニアがクライアントに作業方針を説明している場面。テスト環境を使った安全な開発フローを説明している。

【まとめ】3つのポイント

  • 「セカンドテーマの正体」:WordPressの本番テーマとは別に用意した開発・テスト用テーマで、本番に影響を与えずにカスタマイズを試せる安全バッファだ
  • 子テーマと組み合わせて完全な運用体制にする:セカンドテーマで開発・テスト→子テーマで本番運用という組み合わせが、アップデート耐性とサイト崩れ防止を両立するWordPress運用の定石だ
  • 本番直接編集のリスクを知ることがスタート:PHPミス1文字で管理画面ごとアクセス不能になるリスクを知った上で、バックアップと開発環境を使う習慣を作ることがWordPressサイト運用の基本スキルだ

よくある質問

Q
WordPressで子テーマを作る具体的な手順を教えてください
A

wp-content/themesに新しいフォルダを作成し、style.css(最低限 “Template: 親テーマのフォルダ名” という1行が必要)とfunctions.php(親テーマのスタイルシートを読み込む記述)を配置するだけで子テーマが完成します。管理画面の「外観」→「テーマ」で子テーマが表示されたら「有効化」します。

Q
セカンドテーマを使わずに本番を直接編集するとどうなりますか?
A

PHPのミスが1文字でもあると画面が真っ白になり(WSoD:White Screen of Death)、管理画面にもアクセスできなくなります。FTPでエラーのあるPHPファイルを修正するしか復旧手段がなくなるため、開発環境での事前確認は必須です。

Q
ローカルWordPress開発環境のおすすめは何ですか?
A

Local by Flywheel(現:Local)が最も使いやすいと評判です。GUIでWordPress環境を数クリックで作成でき、本番環境のデータをインポートする機能もあります。macOS・Windows両対応で無料で使えます。

Q
セカンドテーマと子テーマの違いは何ですか?
A

セカンドテーマは「開発・テスト用に用意する別テーマ」で、本番環境への影響を遮断して安全に開発を進めるための安全策です。子テーマは「親テーマを継承しカスタマイズを子テーマ側にのみ書く仕組み」で、親テーマのアップデートでカスタマイズが消えるのを防ぐ運用対策です。解決する問題の層が異なります。

この用語と一緒に知っておきたい用語

用語この記事との関連
テストテストとの関係を知ると全体像がつかみやすくなります。テストというのは、作ったソフトウェアが意図した通りに正しく動くかどうかを確かめる検証作業のことなんだ。
アップデート本記事のテーマと実務上セットで使われることが多い用語です。ソフトウェアをより新しいバージョンに更新する操作と、その更新プログラム全般の総称。セキュリティ修正・バグ修正・機能追加のいずれかが目的となる
サイトサイトは関連分野でよく登場する重要キーワードです。関連する複数のWebページを、一つのまとまりとして束ねたもの、それがサイトだ
バックアップ次のステップとしてバックアップを学ぶと知識が広がります。データの複製を別の場所に保管し、障害・誤削除・ランサムウェアなどのトラブルに備える仕組みおよびその行為のこと
ステージング環境ステージング環境との関係を知ると全体像がつかみやすくなります。ステージングの主要な特徴と用途を理解することで、関連する技術・制度・概念を正確に把握できるようになる

【出典】参考URL

https://ja.wordpress.org/support/article/child-themes/ :WordPress公式 子テーマの作り方
https://localwp.com/ :Local by Flywheel公式
https://ja.wordpress.org/plugins/updraftplus/ :UpdraftPlus(バックアッププラグイン)

コメント

「IT用語、難しすぎて心が折れそう……」という方のための、ハードル低めな用語辞典です。

情報レベルは「基礎中の基礎」。会話を止めないためのエッセンスだけを抽出しています。分かりやすさを追求するあまり、時々例え話が暴走しているかもしれませんが、そこは「ほどよく」聞き流していただけると幸いです。
ほどよくIT用語辞典デザイン・クリエイティブ
デプロイ太郎のSNSを見てみる!!