IT Notebook

とあるエンジニアの備忘録

WordPressでhttpで正常に表示されて、httpsで表示崩れしているときの対処方法

f:id:makaaso:20190222082344p:plain:w200

先日運用しているWordPressサイトがhttpで接続すると問題なく表示されるのですが、httpsで接続すると表示崩れ(CSSが読み込めていないような状況)が発生したのでまとめました。

状況

原因

対応方法

  • wp-config.phpに以下の内容を追記
//HTTP_X_FORWARDED_PORT == 443とかでも良い
if($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') {
  $_SERVER['HTTPS'] = 'on';
  $_ENV['HTTPS'] = 'on';
}

参考URL

https://norm-nois.com/blog/archives/3869