【wordpress】ログイン画面が文字化けでログインできないときの対処方法

【この記事のこと あなたの周りにも拡めてくれたら それはとってもうれしいなって】

みなさん、こんに……うぁーー!

メディーーーック!!

【お急ぎの人へ!】
文字化けで管理画面にログインできない人はログイン画面のURL「http:/○○.com/login_14519」の後半「login_○○(数字)」を「wp-admin」に打ち替えてEnterを押せばいつも通りの入力画面になります。ひとまずこの方法で管理画面(ダッシュボード)にアクセスしましょう。

あとはキャッシュの問題解決で、たいていはどうにかなる。

この記事の言いたいこと八割がた終わり。

バグ察知までの経緯と現状

^経緯^

ここ一週間ほどでの範囲のできごととして──

  1. WordPressのを最新(ver.4.7.1)にする
  2. Head Cleanerの更新(普段は無効化しています)
  3. W3 Total Cacheの更新
  4. All In One SEO Packの更新

まずは先日wordpressの公式がバージョンアップされ、そのタイミングでいくつかのプラグインも調整の意味合いで更新のお知らせが来ました。

②と③は同じタイミングで更新のお知らせが来たので同時に更新しました。
自分でもなんでそんなことをしたのか理解できないけれど、このふたつはChromeのシークレットウィンドウでログインして更新しました。最初はこれが原因でバグが出ているんだと思いました。

そのあと、④の更新をしたあとですね。
webライティング指南系の本を購入していくらかの記事をリライトしたりカスタマイズを変更したり。その日から連日の直帰率が60%→30%→3%→0%となり、ページ/セッションが5.14(以前は2.1くらい)を記録し喜んでいた最中、当サイトがバグっていることに気づきました。

現状

wordpress ログイン画面

新しい記事を書くときや、更新や修正などのカスタマイズを行うときにまずはダッシュボード画面へ入るために上のようなログイン画面でログインの手続きをします。セキュリティの観点から私は毎回手打ちです。「ログイン状態を保持する」にチェックを入れるのはやはり恐い。

(※私はプラグイン「SiteGuard WP Plugin」を実装しているので初期設定のものとは少し仕様が異なるかと思いますが、基本は同じはずです)

そして、いつものようにログイン画面を開くと、画面は真っ白になりちょろちょろと羅列された文字化け群。

ログイン画面文字化け

F5やCtrl+Rでブラウザを更新しても表記が少し変化するだけで同じような画面。
Chrome・IE・firefoxでも同様の症状でした。

時を同じくして、コンテンツページのほうにも文字化けの余波が出始める。やばい。

wordpress 文字化け 

ブラウザを開いて一回目のアクセスだと どのページも文字化けした画面になる。こちらは再読込みで元のページが正確に(レイアウト崩れなど起こさずに)表示されるはされるのですが。

大げさな話ではなく、訪問者数が半減してしまったのでこの問題が原因か不明だけどとりあえず早急に不安要素は潰す必要があり。


ちなみに当サイトのテーマはsimplicity2を使用しています。
寝ログ様、使いやすいテーマをありがとうございます。えへへ。

simplicity特設サイト
https://wp-simplicity.com/

思い当たる原因

サブドメインで運営しているもうひとつのホームページはなんの問題も出ていないので、wordpressそのものの更新や「All In One SEO Pack」の更新は無関係。
レンタルサーバー(ロリポップ)の線も除外していいでしょう。

F5やCtrl+Rでページを再読込すれば正常に戻るので、キャッシュの方面でのトラブルなんだと思います。ホームページの表示バグの八割はキャッシュ絡みだったりするので。

新たに更新した「Head Cleaner」も「W3 Total Cache」もキャッシュ関連のプラグインなので、どちらかがどこかでよくない干渉を引き起こしてるに違いない。

まずは「W3 Total Cache」の機能でキャッシュを削除してみましょう。

W3 Total Cache

ダッシュボードで管理できます。

「キャッシュの削除」は今回のトラブルに限らず、更新作業などで画面に変更が反映されない場合は一度試してみましょう。あとは各ブラウザのクッキーやキャッシュも削除すること。(本題ではないので割愛)

どうでしょう、問題は解決されたでしょうか?

私は解決しませんでした。

次の試しに進みます。

となればエンジニアでもない私はもはやお手上げです。



ただ、「Head Cleaner」は更新後も無効化のままだったので、更新後m有効化にした「W3 Total Cache」が文字化けの原因であることだけは特定できました。「W3~」を無効化してみたら文字化けも出なくなったので原因はこれで間違いない。

根本の、重要な問題はその先にあるんですが。

未解決ながら とりあえず現時点での対応

  • 「W3 total cache」を無効化にする(サイトの読み込み速度が落ちます)
  • 「W3 total cache」の修正版の更新がくるのを待つ
  • 「W3 total cache」を再インストールを試してみる

私は再インストールしてもダメでした。
古いバージョンを取れたら望みはあったんですが……。

これで「ログイン画面から先に進めずに困ってる」といった状況は急ごしらえながらひとまず 脱したのではないかと勝手に想像しています。

最後にもう一度。

文字化けで管理画面にログインできない人はログイン画面のURL
「http:/○○.com/login_14519」の後半「login_○○(数字)」を「wp-admin」に打ち替えてEnterを押せばいつも通りの入力画面になります。この方法で管理画面(ダッシュボード)にアクセスしましょう。

結論:たいていはキャッシュの問題解決でどうにかなる

おしまい