お名前サーバー WordPressサイトSSL化

croitreWordPress, ホームページ制作

胡蝶蘭専門サイト 花VIP様をSSL化した際のメモです。

お名前サーバー側の設定

サーバーの管理画面「Web設定」→「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で設定しよう