【ブログ初心者向け】ワードプレスブログのSSL・リダイレクト設定方法

2020 4/28

2020.04.26 2020.04.28

[st-kaiwa2]「ブログをはじめたい人」

SSLって何？
リダイレクトって何？
SSL設定って難しいでしょ？

[/st-kaiwa2]

このような疑問に答えていきます

【本記事の内容】

SSLの説明
SSLの設定方法【真似でOK】

[st-kaiwa1]【本記事の信頼性】

趣味でブログをしており、最近副業ブログに移行しました。
4桁の収益が発生してます。Twitterもしてます（＠KMCN77）[/st-kaiwa1]

実際、僕も本記事に書かれていることを独学で学び、サーバーを借りて、独自ドメインを取得しブログを運営してます。

この記事を読めば、ワードプレスについて知ることができブログ超初心者から一歩進むことができますし、ネットが苦手な方やブログ初心者の方でも真似してもらえばワードプレスをはじめることができます。

レンタルサーバーはエックスサーバー、お名前ドットコムでドメイン取得をしてます。

あわせて読みたい
【ブログ初心者向け】失敗しないレンタルサーバーの借り方

最後までじっくりと読んで、真似してみてください。

SSLってどういうこと？

SSLとはサイトを安全なものにすると理解してもらえたらOKです。

もう少しSSLの役割を詳しく説明すると

[st-mybox title=”” fontawesome=”” color=”#757575″ bordercolor=”#BDBDBD” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”5″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]

暗号化通信
サイト運営元の確認

[/st-mybox]

１．暗号化通信
インターネットでは様々な人がいるため、個人情報の流出を防いだり、覗き見できないようにしてやるのが一番です。そのために暗号化通信という技術を使って、不正なアクセスができないようにしてます。
技術は複雑なのですが、暗号化してやることで安心してインターネットを楽しむことができます。

２．サイト運営元の確認
インターネットを楽しむために、暗号化通信だけではなく、作られたサイトやブログが安全なものである必要があります。安全なサイトとは作った人がどのような人かが保証されているサイトです。

SSL設定をすることでGoogleから「安全なサイト」とみてもらえます。そうすることで検索順位が上がります。逆にSSL設定をしておかないと、Googleから「安全ではない」とみなされ検索順位が上がることはありません。

では、さっそくSSL設定をしていきましょう

SSL設定はワードプレスとエックスサーバーと両方で行います。

ここからは真似してもらえたらOKです。

ワードプレスでSSL設定をする【真似でOK】

ワードプレスでサイトURLにSSL設定をします。

ワードプレスの管理画面から設定をしていきます。

「設定」にカーソルを持っていくと「一般」が表示されます
「一般」を選択して下さい

一般設定が表示されます

キャッチフレーズは後から変更可能です。
入力しなくても大丈夫です。もちろんキャッチフレーズが決まっていれば入力しても良いです。
「WordPressアドレス」、「サイトアドレス」の『http』の後ろに『s』を入力して下さい。
『https://〜〜』と書き加えたらOKです。

このように書き加え、下にある「変更を保存」を押して保存して下さい。

[st-minihukidashi fontawesome=”fa-exclamation-circle” fontsize=”90″ fontweight=”bold” bgcolor=”#ef5350″ color=”#fff” margin=”0 0 0 0″]変更を保存した後に[/st-minihukidashi]

[st-mybox title=”” fontawesome=”” color=”#757575″ bordercolor=”” bgcolor=”#ffebee” borderwidth=”0″ borderradius=”5″ titleweight=”bold” fontsize=””]

『無効なURL』と表示された場合
→数時間待てば大丈夫です
『もう一度ログインして下さい』と表示された場合
→URLに「https://」をつけて新しいURLになったので、もう一度ログインしたら大丈夫です[/st-mybox]

次はURLを新しくしたので、元のアドレスにアクセスしてしまった人を新しいURLに導いてあげる設定をします

このことをリダイレクトと言います

リダイレクトとは

[st-minihukidashi fontawesome=”fa-hand-o-right” fontsize=”90″ fontweight=”bold” bgcolor=”#3F51B5″ color=”#fff” margin=”0 0 0 0″]リダイレクトとは[/st-minihukidashi]

[st-mybox title=”” fontawesome=”” color=”#757575″ bordercolor=”” bgcolor=”#E8EAF6″ borderwidth=”0″ borderradius=”5″ titleweight=”bold” fontsize=””]前のアドレスにアクセスした人を新しいアドレスに導くこと[/st-mybox]

僕もそうでしたが、最初はこんなことを言われても意味がよく分かりませんでした。

意味が分からなくても問題ないので、リダイレクト設定をしていきましょう。

リダイレクト設定方法【真似でOK】

エックスサーバーのサーバーパネルにアクセスしましょう

[st-mybutton url=”https://www.xserver.ne.jp/login_server.php” title=”サーバーパネルにログイン（エックスサーバー）” rel=”” fontawesome=”” target=”_blank” color=”#fff” bgcolor=”#e53935″ bgcolor_top=”#f44336″ bordercolor=”#e57373″ borderwidth=”1″ borderradius=”5″ fontsize=”” fontweight=”bold” width=”” fontawesome_after=”fa-angle-right” shadow=”#c62828″ ref=”on”]

アクセスしたら『.htaccess編集』に進みます。

ドメイン選択画面が表示されます。

設定するドメインを選んで下さい。

「.htaccess編集」が表示されます。

設定対象ドメインに間違いがないか確認し、「.htaccess編集」のタブを押して下さい。

下の画面が表示されます。

内容は僕もよく分かりませんが、この枠の部分は重要なのでメモやWordなどにコピペしておいてください。（万が一、後にトラブルが起きた時に元に戻すためです）

[st-minihukidashi fontawesome=”fa-exclamation-circle” fontsize=”90″ fontweight=”bold” bgcolor=”#ef5350″ color=”#fff” margin=”0 0 0 0″]ピンクの枠内の文字列が異なる人[/st-minihukidashi]

[st-mybox title=”” fontawesome=”” color=”#757575″ bordercolor=”” bgcolor=”#ffebee” borderwidth=”0″ borderradius=”5″ titleweight=”bold” fontsize=””]文字列はワードプレスのバージョンによって異なることがあるので気にしなくて大丈夫です[/st-mybox]

この文字列の先頭に

[st-mybox title=”” fontawesome=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]

<IfModule mod_rewrite.c>
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
</IfModule>

[/st-mybox]

こちらを追加して下さい。