テーマを変更したらレイアウトが崩れるときの確認方法

LV4-5 互換性と差分を順番に潰す

投稿・固定ページの編集に慣れていて、プラグイン設定も触れるオレンジレベルの方なら、次の基本チェックで多くの崩れは解消できます。

• FSEかクラシックかの見極め：ブロックテーマなら「サイトエディター」でテンプレート/テンプレートパーツ（ヘッダー/フッター）を確認します。クラシックなら「外観＞カスタマイズ」中心になります。
• 追加CSSの引き継ぎ：以前の「追加CSS」やテーマ独自のカスタマイザー項目は新テーマへ反映されないことがあります
• ページビルダーの相性：Gutenberg（ブロックエディター）とページビルダー（Elementor/Divi等）のCSSは競合しやすいです。もしぶつかっている場合は片方に寄せます。
• ウィジェット名の変更：「サイドバー」「フッター1」などエリア名が変わると中身が外れるため入れ直します。
• メニューの位置：テーマ固有のメニュー位置（例：ヘッダートップ/ヘッダーメイン/オフキャンバス）へ再割り当てします。
• 画像サイズの違い：サムネイルやアーカイブのサムネ比率が変わっている可能性があります。必要なら再生成（Regenerate Thumbnails系）します。
• プラグインCSSの優先度：フォーム/スライダー/ギャラリー系の見た目が崩れたら、テーマ側のリセットCSSやnormalizeの影響を疑ってください。
• jQuery互換：古いテーマやプラグインでjQueryの非推奨APIを使っていると、JSが動かず配置が崩れることがあります。

「テンプレートの中身を改造する」段階に入ると、改修の沼にハマりやすくなります。修正点が多そうなら、子テーマを作ってから段階的に変更し、「元に戻せる」状態を維持するのがコツです。作業前バックアップも忘れずに行ってください。