本サイトをSSL化した際のメモです。
ロリポップ側の設定
ロリポップの管理画面「セキュリティ」→「独自SSL証明書導入」で、SSLしたい独自ドメインを選択し、”独自SSL(無料)を設定する”ボタンを押します。
WordPress側の設定
WordPressの「設定」で”WordPressアドレス(URL)”と”サイトアドレス(URL)”を書き換えます。
ここまでだと、表示されない画像があります…。
Search Regex プラグイン
表示されないのは、https://~とサイトURLが変わっているのに、画像のURLがhttp://のままであるため。
一括でサイト内部のURLを変換してくれるプラグインで利用するのが便利です。
こちらのサイトを参考にさせて頂きました。
サイトのSSL化の確認
この段階でChormeで確認したところまだこのように 注意!のマークが…。
こういった時は、Chromeの拡張機能を使うと便利です。
サイト内で、右クリックして「検証」を選択すると、以下のような画面になります。
右上の部分のエラーマークをクリックするとエラーメッセージが出て来ますので、ひとつひとつ消していってください。
以下のように、Chromeの場合「保護された通信」と表示されれば成功です!
リダイレクトを.htaccessで設定
http://でアクセスしてきた方を、http://に転送するためにhtaccessで設定します。
<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTPS} off RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L] </IfModule>
こちらのサイトを参考にさせて頂きました。