はてなブログのテーマを変更したらアドレスバーに「この接続は安全ではありません」と表示されるようになってしまった。

ブログテーマを変えたら不具合発生!!

昨日からブログ全体のイメージを変更するためにテーマをカード型デザインに変更してみました。

 

今までのブログテーマ「Epic」

f:id:miapom618:20180929000105p:plain

 

 

NEW ブログテーマ「comfort(コンフォート)」

f:id:miapom618:20180929000312p:plain

 

以前WordPressの時にも気に入って使ってたカード型デザインです。テーマストアをのぞいてみたらすごく良さげなカード型を見つけたので早速導入してみました。

 

 

www.oyomiyo.com

 

ブログのホーム画面がカード型になって喜んだのも束の間、アドレスバーを確認してみると鍵マークに「!」マークが表示されています。

 

 

f:id:miapom618:20180929000739p:plain

 

具体的に何がどうかといえば、僕のブログは独自ドメインを使用しているため「HTTPS配信」になっています。だからアドレスバーの表示は「https」から始まってますね。

 

僕のブログ内の画像なども全て「https」から始まっていますが、過去のブログ記事の画像やリンクなどをそのままコピーした時など「http」のままになってたりするんです。

 

 

ブログ内に「http」と「https」が混在している状態を「混在コンテンツ」と呼びます。

(らしいです。正直その辺の専門的な内容は全然理解してません。)

 

 

原因はひとつのアイコンだった。

ブログの何が原因なのか詳細を見て探してみたところある画像が「http」になっているため混在コンテンツ扱いで「この接続は安全ではありません」という表示になっていました。

 

f:id:miapom618:20180929002608p:plain


この虫眼鏡マークです。

ブログ右側にある「ブログ内検索」をする奴の虫眼鏡マークが原因!!

f:id:miapom618:20180929003036p:plain

 

 

 

そのためサイドバーから「検索」の項目を無くせば無事に「安全な接続」となります。

f:id:miapom618:20180929003203p:plain

 

 

 

確かに以前のブログテーマ「Epic」で使われている虫眼鏡マークと今のやつはちょっと違います。だから「検索」を残しても以前のテーマに戻せば間違いなく「安全な接続」の状態になります。

 

 

 

テーマ開発者のタク (id:oyomiyo) さんにメールしてみましたが原因わからず。

www.oyomiyo.com

タク(id:oyomiyo)さんのブログでも「検索」は使われているのに「安全な接続」になっているのが不思議です。

 

f:id:miapom618:20180929003735p:plain

 

 

f:id:miapom618:20180929003805p:plain

 

 

 

 

自分のブログの虫眼鏡マークから「要素を調査」してみました。

f:id:miapom618:20180929003946p:plain

 

 

f:id:miapom618:20180929004039p:plain

ここにある虫眼鏡画像が「http」になってますね。これを書き換えればいいのかと思ったけど直接はできないみたい。

 

てか、そもそもこんな専門的な部分触ってレイアウト崩れたりしたら怖いので確認だけでやめておきました。

 

 

 

まとめ

一応ブログ内の検索にある「虫眼鏡マーク」が原因ということだけはわかったのではてなブログのヘルプから運営に問い合わせメールを送ってみました。

 

現状では「検索」をサイドバーから外せば大丈夫なのはわかっていますが、調査してもらうために現状で「検索」を残したままにしています。

 

ブログ内検索とか自分でも使う機能なのでどうにか直ったら嬉しいな。

一応自分の方ではサイドバーから「検索」を削除して、新たにモジュールの作成でやってみましたが変化ありませんでした。

 

原因がわかっても専門知識を持ち合わせていないのでなす術がないのはちょっと残念です。