WordPressをSSLにするにするとトップページ以外 CSSが反映されない対処法

WordPress

WordPressをSSLにするにするとトップページ以外
CSSが反映されない対処法

さくらの共有サーバーでSSLを設定したときに
このような現象に見舞われたことはありませんか?

基本のパーマリンクの設定だとうまく全ページ
CSSが反映されるのですが、それ以外のパーマリンクにした時に
反映されなくなり、レイアウトが崩れてしまう。

この現象は「.htaccess」「wp-config.php」にコードを記述すれば解決できます。

.htaccessへの記述

.htaccessファイルを開いて一番上の箇所でいいので下記を記述します。


RewriteEngine On
RewriteCond %{HTTP:X-Sakura-Forwarded-For} ^$
RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,L]

※もし階層がある場合は階層も記述します(最後の「/(スラッシュ)」も忘れずに)

wp-config.phpへの記述

次にwp-config.phpファイルを開いて下記を記述します。

if( isset($_SERVER['HTTP_X_SAKURA_FORWARDED_FOR']) ) {
$_SERVER['HTTPS'] = 'on';
$_ENV['HTTPS'] = 'on';
$_SERVER['HTTP_HOST'] = 'https://www.example.com';
$_SERVER['SERVER_NAME'] = 'https://www.example.com';
$_ENV['HTTP_HOST'] = 'https://www.example.com';
$_ENV['SERVER_NAME'] = 'https://www.example.com';

これでどうでしょうか?

おそらくちゃんんと表示できるはずです。

なんでこのような現象が起きるのか?

さくらのレンタルサーバーでWordPressをHTTPSで運用する場合、
https→httpへ勝手にリダイレクトされるためです。

それを防ぐために「.htaccess」「wp-config.php」に上記のコードを
記述してもらいました。

是非試してみてください。

Web発信力を高め、自由なライフスタイルを手に入れる

僕が独立し、集客に特化したWebサイトの仕事を専門とするまでに至った背景、組み立て方まですべて公開しようと思います。
ただし、サポートコンテンツ(Webサイトの無料添削講座)もメルマガで発信するため、人数はある程度で締め切る予定です。
下記はメルマガ読者さんからの声です。
☑︎実際にランティングページに応用が効く本当に使えるノウハウが多くてびっくりです。
☑︎ザ・コピーライティング、神田さんが監督している本を読んでいましたがこのメルマガではそれ以外の不足部分が補強された感じがします。
☑︎ウェブを通してモノを売りたければ、このメルマガは読む価値がありますね
☑︎ここまで実践的なメルマガは初めてです。ありがとうございます。
☑︎ウェブの成約率が上がる方法を初めての方にでも理解できるようにわかりやすく書かれています。

ABOUTこの記事をかいた人

セールスコピーライター兼マーケター。世の中に埋もれている価値をより多くの人に提供する活動を行っています。 新卒後、対面販売の営業でクライアント3,000社から人の心をつかみ信頼を得る方法を学ぶ。 その後、ダイレクトマーケティングの支援会社で、文章だけでモノが売れる仕組みを(通販)学ぶ。(たった3人の会社で売上3億とか) 現在は対面販売と通販の経験を経て、セールスコピーライター兼マーケターとして独立。 対面で人の心をつかみ、通販支援でコピーライティングのノウハウを学んだ経験でクライアントの売上げアップに貢献しています。