WordPress でこれまで正常にホームページが表示されていたのに、突然、ホームページのレイアウトが崩れてしまい、ミスタイプをいくら確認しても間違いが見つからないといった状態が生じました。復旧しましたので、修正手順をまとめておきます。
構成： ConoHa VPS サーバー、CentOS 8.0, Apache, WordPress
現象：突然、トップページのレイアウトが崩れる
直前まで正常にホームページが表示されていたのに、サーバの index.php や .htaccess を差し替えたり編集したところ、サイトのトップページの画像やテキスト領域の大きさ、幅、位置が崩れました。
ファイルの記載を確認しても、初期のファイルに差し替えても、トップページのレイアウトが崩れたままとなり、元に戻りません。
念のための確認
① まず、書き換えた index.php などのファイルの内容に間違い、ミスタイプがないか確認します。ファイルをバックアップし、インストール直後のファイル等に差し替えても問題が生じたままとなるか確認してください。
② また、ブラウザで履歴を削除して再表示させてみます。本当に現在のホームページの表示が崩れているのか確認します。以下はそれでも復旧しない場合の確認手順です。
確認＆復旧手順
③ サーバの管理画面に入り、コンソールを起動します。WordPress の本体のあるディレクトリに移動し、ファイル一覧を表示します。
# cd /var/www/html/
# ls -al
④ ファイルの所有者やパーミッションがどうなっているか確認します。
とくに、直近に編集したファイルと他のファイルを比較して所有者等の違いを確認します。
例えば、大半のファイルが “apache apache” となっているのに、編集した index.php の所有者が “root root” となっているときは、以下のように所有者を変更し、Apache を再起動すれば動くと思います。
# chmod apache:apache index.php
# ls -al
# systemctl restart httpd
上は、index.php のパーミッションを apache apache に変更した例ですが、”.htaccess” も同じです。
説明 ～ パーミッションを確認しましょう
Web サーバ Apache は、外部からのアクセスをモニタしていて、ホームページにアクセスがあると、index.php を経由して WordPress などの PHP を動かします。
ここで、Apache に権限が与えられていないと正常に動作できず、表示が崩れることがあります。上記の④では、ファイルを差し替えたり編集した際、一部のファイルのパーミッションが root 権限に書き変わってしまったことが原因でした。
まとめ
WordPress のトップページのレイアウトが崩れた場合のチェックポイントについてまとめました。
ホームページの画面表示が崩れると、どうしても、WordPress の設定や、index.php ファイルの内容に注意が向いてしまいます。サーバ側のパーミッションに気づかず、お手上げという心理になってしまいやすいです。冷静に対応しましょう。
関連リンク
・ .htaccess の動きがおかしいとき 【WordPress】
・ 404 エラーで管理画面に入れなくなったとき 【SiteGuard WP Plugin】
・ パーミッション関連でよく使うコマンド 【Linux】
