【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」は更新後も無効化のままだったので、有効化したまま更新をした「W3 Total Cache」が文字化けの原因であることだけは特定できました。「W3~」を無効化してみたら文字化けもでなくなったので間違いない。重要な問題はその先にあるんですが。

とりあえず現時点でできること

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

の三つかと。
私は再インストールしてもダメでした。古いバージョンを取れたら望みはあったんだけど……。

文字化けで管理画面にすら入れない人が他にもいるだろうと思いこんな記事を書きました。

もともとそっちのライフハック系のハタケの人間ではないので、情報力は弱いですが参考になれば幸いです。

最後に繰り返しでおしまい。

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

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