ep.7スマホでサイト、ブログをSSL化しよう!

0からのワードプレス
この記事は約5分で読めます。
おっすー
おっすー

よーし、ワードプレスデビューも出来たし、これからガンガン投稿するぞー!

はるきち
はるきち

ちょっと待って!!おっすー!!

投稿する前に絶対にやっておいた方がいい事があるから、先にそっちをやっちゃわない?

実はこれを後からやるってなると、色々手間も時間もかかっちゃうんだ…!

おっすー
おっすー

ん〜、はるきちがそこまで言うならそっちを先にやった方がいいってことだよね!

ところで、何をやるの?

はるきち
はるきち

SSL化っていって、サイトのセキュリティーを高めるみたいなイメージかなぁ。

はるきち
はるきち

↑の画像にあるように、このSSL化をしないと、「安全ではありません」「保護されていません」って、警告文が表示されちゃうんだよ!

おっすー
おっすー

せっかくあれだけ苦労して、ワードプレスデビューしたし、自分のサイト、ブログも大切にしたいし、見に来てくれた人にも、不快感を感じてもらいたくないよね!

はるきち
はるきち

そうだね!

見に来てくれた人からしたら、どうしても「安全ではありません」「保護されていません」って表示されると、このサイト、ブログ大丈夫?って信憑性も欠けちゃうからね!!

おっすー
おっすー

それじゃ、やり方の説明よろしくでーす!

SSL化の方法

一言にSSL化といっても、完全に常時SSL化するには、大きく分けて3段階のステップがあります。

  • サーバー側のSSL化
  • ワードプレス側のSSL化
  • http://からhttps://への301リダイレクト設定
おっすー
おっすー

3つのステージをクリアしないとダメって事だよね?

はるきち1つ、1つ丁寧に説明よろしく!!

はるきち
はるきち

了解だよー!

3つのステージがあるけど、そんなに難しい事はやらないから、ちゃちゃっと終わらせちゃおう〜!

サーバー側のSSL化の方法

こちらより、会員IDまたはメールアドレスインフォパネルパスワードを入力してログインしましょう!

サーバー管理をタップです!

右上部分にあるSSL設定をタップしましょう!

取得したドメイン名の赤枠部分、選択するをタップです!

独自SSL設定追加をタップします!

後は、デフォルト(何もせず)赤枠部分、追加するをタップして、完了です!

はるきち
はるきち

ねっ!簡単にできたでしょ?

おっすー
おっすー

めっちゃ簡単じゃん!!

次も、パパッと終わらせて早く投稿するぞー!

ワードプレス側のSSL化の方法

ワードプレスログイン画面より、ユーザー名またはメールアドレス、パスワードを入力して、ログインしましょう!

このページをお気に入り、ブックマークし忘れてしまっていた方は、

「取得した独自ドメイン/wp-admin/」とSafari等で入力して、開きましょう!

左上の赤枠、三のマーク(ハンバーガーマーク)をタップしましょう!

下の方にスクロールして、赤枠内、設定をタップして、一般をタップしましょう!

この画面が表示されます!

↑の画像では、WordPressアドレス(URL)、サイトアドレス(URL)が両方共

https://独自ドメイン(unsunghero.net)

となっていますが、

皆さんの今の状態は、

http://独自ドメイン(取得した独自ドメイン)

となっていると思います!

なので、http://のpの後にsを付け加えてもらって、https://独自ドメイン(取得した独自ドメイン)としてください!

 

https://独自ドメイン(取得した独自ドメイン)

に入力し終えたら、画面を下にスクロールしてもらい、赤枠内の変更を保存をタップしてください!

おっすー
おっすー

第2ステージクリア出来たー!

はるきち
はるきち

よーし、第3ステージは、前の第1、第2ステージよりちょっとだけ難しくなるけど、やってみると意外にすんなりいけるから、気張っていくよー!!

http://からhttps://への301リダイレクト設定の方法

はるきち
はるきち

今の状態だと、http://とhttps://

両方から、アクセス出来てしまう状態なので、http://からアクセスしてきた人を、https://に誘導できるようにする為、必ずこの作業をやりましょう!

こちらより、会員IDまたはメールアドレス、インフォパネルパスワードを入力してログインしましょう!

サーバー管理をタップです!

赤枠内、.htaccess編集をタップしましょう!

この画面が開かれるので、取得した独自ドメインの選択するを、タップしましょう!

赤枠内、.htaccess編集をタップです!

この画面が表示されましたね!

訳の分からない文字、数字が赤枠の.htaccessの部分に記入されていると思います!

はるきち
はるきち

まずは、万が一、何か異常が起きた時のために、この訳の分からない文字、数字の部分を

コピーしてメモ帳に保存しましょう!

コピーし終えたら

# BEGIN WordPress の上の部分を選択して、

<IfModule mod_rewrite.c>

RewriteEngine on

RewriteCond %{HTTPS} !=on [NC]

RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

</IfModule>

をコピーして、ペースト(貼り付け)しましょう!

後は、赤枠、確認画面へ進むをタップして確認して完了です!

まとめ

おっすー
おっすー

何とか乗り切れた〜…!!

でもやっぱ最後の第3ステージがちょっと難しかったなあ…。

ちゃんと出来たか心配だし…。

はるきち
はるきち

おつかれさま!

ちゃんと出来たか確認する方法は、Safari等で、http://独自ドメイン(取得した独自ドメイン)でアクセスしてみて、https://側に、アクセス出来てたら大成功だから、確認してみてね!

おっすー
おっすー

あっ!

ちゃんとhttps://側を開いてくれてる!!!

めっちゃ感動するね!!!w

はるきち
はるきち

良かった良かった〜!

仮に、万が一エラーが出ても、メモ帳にコピーしておいたやつを、コピーしてペースト(貼り付け)すれば元に戻せるからね!

よーし、ここも乗り切れたから次も頑張ろうね!!

おっすー
おっすー

……次も?w……。

コメント

タイトルとURLをコピーしました