WordPressテーマを安全に導入・変更する手順｜公開前の確認表
副業スタック編集部WordPressのテーマ変更は、管理画面の「外観」→「テーマ」から行います。
候補をインストールしただけでは、公開中のテーマは切り替わりません。
「有効化」するとサイトに適用されるので、その前にバックアップとプレビューを済ませます。
記事の表示が崩れないか心配な場合は、切り替える前に記事ページもプレビューで確認しておきましょう。
この記事では、変更前に残す記録、実際の切り替え操作、変更後に見る画面を順番に確認します。
テーマの役割や選び方を知りたい場合は、WordPressテーマの基本をご覧ください。
手順1：現在の構成を記録する
使用中のテーマ名、子テーマ、主要プラグイン、追加CSS、メニュー、ウィジェットを記録します。
トップページ、記事詳細、カテゴリー、固定ページを画面画像として残しておくと、変更後の差を確認しやすくなります。
テーマ独自のブロックやショートコードを使っている記事も探します。
別テーマで同じ表示にならない可能性があるためです。
手順2：新テーマに必要な機能を三つに絞る
機能一覧をすべて比較する前に、今のサイトで欠かせない条件を三つ決めます。
たとえば、長文の読みやすさ、記事一覧のカード表示、スマートフォンのメニューです。
アクセス解析、バックアップ、SEO設定をテーマに持たせるか、プラグインで維持するかも決めます。
同じ機能を二重に有効にしないよう、担当を一つずつ確認してください。
手順3：公式情報と利用条件を確認する
配布元、更新履歴、対応するWordPressのバージョン、サポート、利用サイト数を確認します。
有料テーマでは、買い切りか更新制か、複数サイトで使えるか、子テーマや更新ファイルの入手方法も要確認です。
第三者が再配布した入手元の不明なファイルは使いません。
公式ディレクトリまたは販売元が案内する方法から入手します。
手順4：バックアップとテスト方法を用意する
変更前に、ファイルとデータベースを戻せる形でバックアップします。
バックアップが存在するだけでなく、自分の契約環境で復元できるかも確認してください。
可能ならステージング環境や複製したテストサイトで先に有効化します。
本番サイトで確認する場合は、アクセスの少ない時間を選び、元のテーマへ戻す手順を開いた状態で進めます。
手順5：プレビューしてから有効化する
ここからはバックアップと戻し方を確認したうえで進めます。
- 管理画面の「外観」→「テーマ」を開きます。
- 未インストールのテーマなら、新しいテーマの追加画面で公式ディレクトリから探してインストールします。購入したZIPは、販売元が案内するアップロード方法に従ってください。
- 利用できる場合は「ライブプレビュー」でトップページや記事を確認します。テーマやWordPressの構成によって、表示される操作は異なります。
- 確認を終えてから対象テーマを「有効化」します。元のテーマは、変更後の確認が終わるまで削除しません。
- 別ブラウザやログアウト状態で公開ページを開き、次の確認表で点検します。
プレビューが真っ白になるなど異常がある場合は、そこで止めて原因を確認してください。
プレビューだけではフォーム送信や計測まで確認できないことがあります。有効化後にも動作を確かめます。
新規サイトなら、見出し・画像・表・ボタン・箇条書きを入れたサンプル記事で確認すると、表示の違いを見つけやすくなります。
操作画面の基本は、WordPress公式のテーマ画面の説明でも確認できます。
手順6：PCとスマホで公開状態を確認する
管理画面へログインした表示だけでなく、ログアウト状態や別ブラウザでも確認します。
| 確認画面 | PC | スマホ | 見る箇所 |
|---|---|---|---|
| トップページ | □ | □ | メニュー、記事カード、おすすめ導線 |
| 記事詳細 | □ | □ | H1、見出し、表、画像、CTA |
| カテゴリー | □ | □ | カード、ページ送り、サイドバー |
| 固定ページ | □ | □ | 問い合わせ、広告・運営者情報 |
| エラー画面 | □ | □ | 404表示とトップへの導線 |
| 計測 | □ | □ | アクセス解析、イベント、同意表示 |
リンク切れや読みづらい表がないかも確認します。
内部リンクの点検方法は、WordPress内部リンク設計の実例で確認できます。
有効化後に起きやすい問題
メニューの割り当てが外れた場合は、外観のメニュー位置を確認します。
記事カードやサイドバーが変わった場合は、テーマ設定とウィジェットを確認します。
見出しや表だけが崩れた場合は、追加CSSを増やす前に、旧テーマ固有のクラスやブロックが残っていないかを見ます。
計測が止まった場合は、解析コードをどの機能で設置していたか確認してください。
直せない状態で公開を続けず、元のテーマへ戻して原因を一つずつ切り分けます。
副業スタックで優先した確認
副業スタックでは、テーマ変更後にカードタイトルの改行、タグ位置、メニュー、見出しの線、表の読みやすさ、CTAの配置を調整しました。
トップページだけを見て完了にせず、カテゴリーと記事詳細を別々に確認したことで、画面ごとの差を見つけられました。
この確認順は当サイトでの実例であり、利用するテーマやプラグインによって必要な作業は変わります。
まとめ
WordPressテーマの変更では、候補選びより先に、現在の構成と戻し方を記録します。
バックアップ、プレビュー、PC・スマホ、記事・カテゴリー、CTA、計測を一つの確認表で点検してください。
問題が残る場合は追加修正を重ねず、元のテーマへ戻して原因を切り分けます。
