Uncategorized

【WordPress】ローカルから本番への移管で画面崩れ&404エラー!自力で解決した全手順まとめ

はじめに

デイトラ卒業制作(カフェサイト)🍝
(2週目として復習しながら制作中)

SEO設定を終えて、ConoHaサーバーへサイト移管!

…と思ったら👇

  • ログインできない
  • 画面が崩れる
  • 下層ページが開けない

という絶望的な状況に🥹

一度経験したはずなのにハマったこのトラブル。
解決までの流れと原因をまとめます。


1. 起きたトラブル

移管直後に起きたこと👇

  • デザイン崩れ(CSS未読み込み)
     → 文字だけの画面になる
  • ログイン不可
     → 管理画面に入れない
  • 404エラー
     → Contactなどのページが開けない

👉 「終わった…」と思いました🥹


2. 原因:ローカルURLが固定されたままだった

原因はシンプルでした👇

👉 ローカル環境のURLが固定されたまま残っていたこと

define( 'WP_HOME', 'https://自分のドメイン' );
define( 'WP_SITEURL', 'https://自分のドメイン' );

この設定が残っていたことで👇

  • 本番環境なのにローカルURLを参照
  • CSSや画像が読み込めない
  • ログインも正常に動かない

👉 WordPressが「まだローカルにいる」と勘違いしている状態でした


3. 解決①:wp-config.phpでURLを一時的に上書き

管理画面に入れなかったため、
wp-config.phpを直接編集しました。

define( 'WP_HOME', 'https://自分のドメイン' );
define( 'WP_SITEURL', 'https://自分のドメイン' );

これで👇

  • 正しいURLで読み込み
  • デザイン復活
  • ログイン可能に

👉 一気に復旧しました🔥


4. 解決②:404エラーはパーマリンクで解決

次に下層ページの404👇

👉 パーマリンク設定で解決

手順👇

  1. 管理画面 → 設定 → パーマリンク
  2. 「変更を保存」をクリック

これだけで👇

  • .htaccessが再生成
  • 下層ページが正常表示

👉 シンプルだけど超重要


5. 補足:本来は「削除だけ」で解決できた可能性

今回の本質はここ👇

👉 ローカルURLの固定が残っていたこと

つまり本来は👇

  • functions.php や wp-config.php にある
    URL固定の記述を削除
    (または正しいURLに修正)

👉 これだけで解決できた可能性が高いです

今回はログインできなかったため、
wp-config.phpでURLを上書きしましたが👇

👉 あくまで応急処置です


6. 移行前チェック(超重要)

同じミスを防ぐために👇

  • wp-config.php にURL固定がないか
  • functions.php にも同様の記述がないか

👉 ここ確認するだけでトラブル回避できる可能性大


まとめ:トラブルは理解を深めるチャンス

一度経験した作業でも、
実際にトラブルにぶつかると理解が一気に深まります。

今回の学び👇

  • URL設定の優先順位
  • wp-config.phpの影響力
  • パーマリンクの仕組み

👉 全部つながりました


おわりに

無事に復旧できたので、
これから最終の挙動チェックに入ります。

2つ目の卒業制作、最後まで駆け抜けます!🍝☕️

ABOUT ME
ゆっくり
✨プロフィール はじめまして、「ゆっくり」です☺️ 未経験からプログラミングを学び始めた会社員です。 ProgateでHTML/CSS/JavaScript/PHPをひと通り学んで、 今はデイトラのWeb制作コースに挑戦中💻 毎日コツコツ、Webの世界と向き合ってます。 プログラミングの学習を通じて、 将来的にはFIRE(経済的自立&セミリタイア)を目指して、 “自分らしく生きる道”を模索中です🍀 このブログでは、 学習の記録やつまづいたこと、ChatGPT(チャッピー)とのやり取りなどを ゆる〜く、でもちゃんと続けて書いていこうと思てます。 同じように頑張ってる方や、これから始めようと思ってる方と、 気軽につながれたら嬉しいです✨ どうぞよろしくお願いします!