数年前から推奨されてきているサイトのSSL化は現状では上記のように警告が発せられるようになっており、ネットリテラシーの低いユーザーでも(というか、低いユーザーであれば尚更)気にされる方は多いのではないでしょうか?ホームページ(WordPress)をSSLに移行する簡単な方法エックスサーバーを始めとした多くのサーバーが無料SSLを用意してくれているので証明書を発行するハードルはコスト面含めて非常に下がりました。この記事では運営中のホームページやブログ(WordPress)を簡単にSSL化する方法をお伝えします。運用中のドメインに向けてSSL証明書を発行します。エックスサーバーの設定例を見るサーバーパネルの「SSL設定」をクリックします。1独自SSL設定追加を選択して2任意のドメインを選択、3「追加する」で完了です。※無料独自SSLは、CSR情報を設定しなくても登録は可能ですhttps://www.xserver.ne.jp/manual/man_server_ssl.php反映には数時間要する場合もありますが、発行されると今までの「http://exsample.com」に加えて「https://exsample.com」でもアクセスできるようになります。2つ存在する状態http://exsample.comhttps://exsample.comサイト(WordPress)に反映させる現状では新たに「https」のドメインが用意された状態にすぎないので以下の2つの作業が必要になります。WordPressでhttpsを有効化するhttpで訪れたユーザーをhttpsにリダイレクト(移動)させるWordPressでhttpsを有効化する「WordPressをhttpsに対応させる」とは具体的に以下の作業になります。SSL」プラグインを使用することで一瞬で完了します。SSL」と入力し、インストール&有効化します。SSLの証明書が正常に発行(httpsでサイトがアクセスできる状態)されていれば上図のようになるので「はい、SSLを有効化します。」をクリックステ子ここで一度、サイトは自動的にログアウトされるのでログインしなおしましょう。ログイン後、一般設定を確認するとURLがhttpsに変更されているのがわかります。サイトの内のリンクもブラウザに表示する際に自動でhttpsに置き換わります。この方法だけではカスタマイザーで設定された画像リンクは変換されずエラーとなります。この修正方法は後述します。Manager現状では「(旧)http」の方へアクセスしたユーザーはそのままとなりドメインが2つある状態でSEO的にも好ましくありません。htaccessファイルを修正してhttpへのアクセスも適切にhttpsにリダイレクトさせる必要があります。SSL」の設定画面で簡単に設定することができます。redirect」をオンにして保存をすればOKです。保存後に無効化された場合はエラーとなります。Editor」プラグインなどを使用してリダイレクト用のコードを追記しましょう。レンタルサーバーごとに異なる!httpからhttpsへリダイレクトさせる.htaccessの書き方とmod_rewriteの基本知識ENJIhtaccessファイルの修正に失敗するとサイトが正常に表示されない不具合の原因となります。正常なページでは図のようにURLの前が「鍵」マークとなり、クリックすると「この接続は保護されています」になっています。下層ページをチェックしてみると「!」マークとなりクリックするとエラーが表示されています。この状態では正常にSSLが有効化されていません。Chromeのデバッグで確認するChromeのデベロッパーツール(「メニュー」>「その他のツール」又はCtl+Shift+I)を起動します。Consoleを確認するとエラーとなっている箇所が確認できます。今回の場合はカスタマイザーで設定した背景画像「wing-wp.com/sample-3/wp-content/uploads/2018/08/ck_bk.png」が原因のようなので再設定することで改善します。上図の赤枠の「wing-wp.com/sample-3/wp-content/uploads/2018/08/ck_bk.png」のURLをコピーしてブラウザで検索すると該当の画像が表示されるのでダウンロードします(されない場合はWordPressにログインしててみてください)。今回はH3タグに設定していた背景画像が原因だったので再度画像をアップロードしなおします。これで無事、反映されました。ステ子もしまだエラーとなる場合は他にも原因となるリンクや画像がないか確認しましょう。ステータスチェックhttps://httpstatus.io/以上で完了ですが念のため、ツールでリダイレクト状態をチェックしておきましょう。httpのURLがhttpsのURLに301リダイレクトされ、ステータスが200となっていれば大丈夫です。STINGERAFFINGERから無料で配布中です。