ブログ開始から約3週間ほどして気づいたのですがURLのアドレスバーの左側に不気味な表示がされてるのに気づきます。
Firefox
Chrome
色々調べたところhttpだからこのマークが出ることがわかりました。
それを修正するにはhttpsにしないといけないのでその手順をご紹介したいと思います。
やり方は何通りかあるみたいですが、その一例として私自身が実際に行った手順をご紹介します。
レンタルサーバーでSSL証明書を取得する(ロリポップ)
ロリポップにログインし
セキュリティ→独自SSL証明書導入をクリック
とりあえず無料版で試します。
無料独自SSLを設定するをクリック。
「独自SSL(無料)を設定する」をクリック。
SSL設定作業中になります。
SSL保護有効が表示されたら設定は完了です。(少し時間がかかります。)
.htaccessの編集
次に.htaccessでリダイレクトをかけていきます。
サーバーの管理・設定→ロリポップ!FTPをクリック
.htaccessをクリック
.htaccessの編集
【注意】
301リダイレクトで.htaccessを変更する場合は必ずバックアップを取りテキストファイルなどに保存をしてから実行してください。
こちらは重要な部分なのでご自身で責任をもって作業を行ってください。
【変更前】
【変更後】
一番上に挿入します。
挿入したら保存するをクリック。
301リダイレクトのコード(コピペ)
1 2 3 4 5 | <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTPS} !on RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L] </IfModule> |
レンタルサーバー側の設定はこれで終了です。
ワードプレスの設定
ここからワードプレスの設定をしていきます。
ワードプレスの設定 → 一般
httpをhttpsに修正します。
【変更前】
【変更後】
ワードプレス側はこれで設定完了です。
ブラウザで確認
①httpsのsを消してenterキーを押します。
②httpsに切り替わればリダイレクト成功です\(^^)/
これで全ての設定から確認までが完了です!
まとめ
今回はhttpsにするためにリダイレクトをかけましたがサイトを引っ越しURLが変わる
などの時もこのようにリダイレクトの処理をかけるのでぜひ覚えておきましょう!
以上です。
ワードプレス関連
【WordPress】SSL証明を取得しhttpをhttpsに変更(ロリポップ)
WoedPressに外部JSファイルを作成してのテーマファイルに追加する