ハナさんキッチン

料理やスマホ、買い物やお金のことなど、暮らしのことから世界のニュースまで気になることをいろいろ書いてます

当ブログではアフィリエイト広告を利用しています

独自ドメインの当ブログ「ハナさんキッチン」をはてなブログでHTTPS配信してみる

当ブログ、ハナさんキッチンがついにSSL/TSL認証を受けて、httpの後ろにsのついた、

https://www.hana3.net/

 になりましたぁ!

 

ほらほら!

f:id:hana3hana:20180722154505j:plain

ちゃんと保護された通信になってますよ♪

 

 そういえば、1年前にこんな記事を書いていましたっけ。

www.hana3.net

2018年6月から、はてなブログで、独自ドメインのユーザーでもSSL/TSL認証が使えるようになったんですね。

 

staff.hatenablog.com

ハナさんも、皆さんの体験談を参考に、https化に挑戦しました!

独自ドメインのハナさんキッチンをHTTPSで配信する

やり方は簡単です。

はてなブログを使っている方ならよくご存知の

  1. ダッシュボード
  2. 設定

と進むと、HTTPS配信の有無が分かります。

f:id:hana3hana:20180722184805j:plain

 

「https配信の状況を確認する」をクリックすると、

f:id:hana3hana:20180722185627j:plain

注意書きが出ます。

「変更する」をクリックすれば、https配信が始まります。

 

・・・

 

が、しかし!

 

ハナさんキッチンくらい記事量が多い(628記事)ブログは、すんなりといってくれないんですよね。

 

ほれ。

f:id:hana3hana:20180722190349j:plain

これは、変更直後に確認したときのやつ。

20~30分以内に、表示は元に戻るそうです。

 

でも、鍵マークは出ません。

f:id:hana3hana:20180722190519j:plain

こんな表示が出たんじゃ、逆に不審なサイトになってますよね。

そんなときは、どうすれば良いのか。

 

Mixed Contentの解消

 https配信のときに、サイト内にhttpの記述があると、正しくhttps配信できないのが、Mixed Content問題だそうです。

httpとhttpsが混在していることが問題なんですね。

なので、ハナさんでも分かることから修正!

グローバルメニューの修正

ハナさんキッチンの上の方に、グローバルメニューがあって、それぞれ分類してあるカテゴリーに進めるんですが、そこをまず直しました。

f:id:hana3hana:20180722191203j:plain

テキストエディタのTeraPadにコードをコピペして修正。

でも、これだけでは修正できませんでした。

他にも色々なカスタマイズをコピペしたもんですから、どこをどうして良いのかわかんないんですよねぇ…

 

HTTPSに一括で置換!

他にも、ちょこちょこhttpからhttpsに変えたんですけど、いっこうに治らないので、こちらを参考に、ブログの詳細設定の「headに要素を追加」にコードを貼り付けました。

help.hatenablog.com

これで、完了。

ちょこちょこ変える必要もなかったのかな?

 

カエレバの貼り替え

Amazonや楽天の商品紹介でお世話になっているカエレバについては、最近のリンクは問題ないのですが、古いリンクは画像が正常に出ません。

そもそも商品が売ってなかったりするので、さり気なく商品も変えたりなんかして。

 

おわりに

と、いうことで、情弱ハナさんでもhttps配信できましたから、まだやってない方もチャレンジしてくださいね。

気のせいかもしれませんが、アクセスが増えた気がします。

まだまだ、修正不足なところも多数あるみたいですから、気づいたら少しずつ修正したいと思います。