ロリポップ WordPressサイトSSL化

croitreWordPress, ホームページ制作

本サイトをSSL化した際のメモです。

ロリポップ側の設定

ロリポップの管理画面「セキュリティ」→「独自SSL証明書導入」で、SSLしたい独自ドメインを選択し、”独自SSL(無料)を設定する”ボタンを押します。

WordPress側の設定

WordPressの「設定」で”WordPressアドレス(URL)”と”サイトアドレス(URL)”を書き換えます。

ここまでだと、表示されない画像があります…。

Search Regex プラグイン

表示されないのは、https://~とサイトURLが変わっているのに、画像のURLがhttp://のままであるため。
一括でサイト内部のURLを変換してくれるプラグインで利用するのが便利です。
こちらのサイトを参考にさせて頂きました。

【WordPress】SSL化後に表示されなくなった画像をSearch Regexで再表示させよう

サイトの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>

こちらのサイトを参考にさせて頂きました。

WordPressサイトの常時SSL化(全ページHTTPS)リダイレクトを.htaccessで設定しよう