BlogのSSL化!問題発生?初心者のブログ#1

2020年3月2日

スポンサーリンク

BlogのSSL化

SSL導入の背景

SSLなんか知らんけど、

最近?では、導入しないのはおかしい?と言われています。

SSL(Secure Sockets Layer)とは、インターネット上におけるウェブブラウザとウェブサーバ間でのデータの通信を暗号化し、送受信させる仕組みのことです。

https://jp.globalsign.com/ssl-pki-info/ssl_beginner/aboutssl.html

↑SSLは、大体こんな感じで、SSLがないとこんな感じになります。↓

ごはんをいただきます。👍

おそろしい!おそろしいです。ごはんがないと飢えてしまいます!

ということで、管理人兼案内人もSSLを導入することにしました。

まず、インターネットで調べたところ

  1. サーバーで設定する。
  2. WordPressで設定する。
  3. Blog内部URLの【 http 】 ⇒ 【 https 】にする。

らしいです。では実施してみましょう!

SSL導入

サーバーでSSL設定する。

あなもぐらが借りているサーバーは、Xserverです。

独自無料SSLがあり、優しいマニュアルがあるのでその通りに導入!

↑通り入れたけど動かないぞ!

何が悪いのじゃ、日ごろの行いが良すぎるから?とおもっていたら、

もうひとつあったのですよ!奥さん!米屋です。

htaccessを編集して、Webサイトの常時SSL化をしないといけないらしいです。(よくわかっていない)

WordPressでSSL設定する。

それでもSSL化しない!ので、とてもやさしいインターネットさんで調べたところ 、

「WordPressでSSL設定してください」

と書いてありましたので、試してみましょう!

WordPress アドレスとサイトアドレスを「http」⇒「https」にするだけです。

これで、SSL化できました!ごはんが盗まれませんよ~😁とおもったら・・・・

Blog内部URLの【 http 】 ⇒ 【 https 】にする。

問題発生!

うん???あれ????🤔

問題調査と設定

「保護されていない通信」???SSL化できてないじゃん!!😱

子はどういうことだ!わけわからんぞ!

ということで、またとてもやさしいインターネットさんに聞いてみましょう!

やさしいインターネットさんの解答が

Blog内部URLの【 http 】 ⇒ 【 https 】にしてください

意味不明です!😥 なので、「SSL  保護されていない通信  詳細 わからない」を追加して検索したら・・・・

「保護されていない通信のページ」をマウスの「右クリック」バーが出てくるので

一番下の「検証(I)」をクリックしましょうと書いてあったのでやってみると・・・・

変な画面が出てきたぞ!これでどうしろというのだ!
私が知ってる英語は「This is a pen」ぐらいですが、この続きがありまして、

右上のにある⚠️をクリックしましょうと書いてあるので試しにクリックしてみると・・・・

さらにわけわからないものが出てきました!新しいバーの左横にある 「▶」 をクリックすると ・・・・

さらにエラーマークが出まくりました!その エラーURLの内容をよくみると・・・

最後に「・・・・・.png」かてあります。

どいうことだ?それは??試しに「エラーURL」クリックすると・・・・

原因発見!

原因は、こいつらだぁぁぁぁぁ!!!

SSL化できてない理由は、画像のURLが 【 http 】 ⇒ 【 https 】 にするということです。

再度画像を貼りなおせということです。

修正中

※貼り直し中※

直ったよん~

では、見てみましょう!

SSLが立ったぞ!立ったぞ~~~~

というわけで、今後もインターナショナル化できた「何か?無料案内所」を

よろしくお願いします。👍

資格取得案内所では、役に立つ技術系資格を紹介しています👍

↓押してくれるとやる気が出ます。😊
ブログランキング・にほんブログ村へ

スポンサーリンク