WordPressでログイン画面のCSSが効いてない時に確認すること

ログイン画面や管理画面(ダッシュボード)のCSSが効いてない、ベタ打ちのHTMLみたいになった。Chromeなどのconsoleで見てみて、load-style.php/~ みたいなURLのパスが通ってない、っていう記述がでた。

ググってみた

「ERR_CONTENT_DECODING_FAILE load-styles」で検索してみると以下のようなサイトがでた。

管理画面にログインできない時の対処法!原因はSiteGuardの設定? – Fun Fun Traveling!

Site Guardプラグインのサイトアクセス制限がONで、かつ除外パスにcss等の記載がされてないから

WordPressのログイン画面のcssが崩れる時の対処法

私の場合は.htaccessに記載した「php_value mbstring.http_output “UTF-8″」というがまずかったようで、これを削除することで、無事、出力されるようになりました。

私の場合の解決方法

とりあえず.htaccessの記述がまずく、wp-admin/load-styles.php のパスを、それぞれの環境によって通してやればいいっぽい。

僕の場合は、同じサーバーの別のWordpressサイトの.htaccessの記述を参考に、以下の記述を追加すれば治った。

PHP_value default_charset none
PHP_value output_handler none

他にもWindowsのテキストエディタで wp-config.php を編集しちゃうと、文字コードのUTF-8がBOMありで保存されるようで、文字化けになるっぽい。

ちなみに

SIte Guardプラグインを停止するときはログインURLの変更に注意しましょう。SIte GuardプラグインでログインURLを example.com/wp-admin 以外にしていると、プラグインを停止(もしくはFTPからフォルダ名変更して強制停止)すると、ログインURLが変わっちゃうので、その状態でログインURLメモらずにログアウトしちゃうと最悪ログインできなくなるかもなので、気をつけてください。