せっかくSSL化したのに鍵マークがでない…試してみたことをメモ




鍵のアイコン

個人ブログでも今や主流の常時SSL化。

すべてのページをSSL化することによって、通信が暗号化されるためユーザーは安心してブログを閲覧することができる。

それならこれはやっておいた方がいいだろうと思い、やってみたわけですが、https://から始まるサイトにアクセスしているのに鍵マークが出ない……。

保護された通信 ←Chromでいうこれが出ない。なんでや?

 

で、いろいろやってみたのでメモ。

スポンサーリンク

WordPress アドレス (URL)の変更

ワードプレスの設定画面

まずやってみたのはWordPress管理画面の設定⇒一般から一般設定に入り、WordPressアドレス(URL)とサイトアドレス(URL)をそれぞれ「http://」から「https://」に変更。

しかし、これだけでは鍵マークは出現しませんでした。

Simplicityの「内部URLをSSL対応」機能を使う

調べてみるとどうやらブログ内に『http://』から始まるリンクが残ってしまっているのが原因らしい。

Search Regex』というプラグインを使うことで、「http://」を「http://」に置き換えることができるとのことでしたが、僕の場合はテーマがSimplicityということもあり、テーマ側の機能でなんとかできそうということが判明。

外観⇒カスタマイズ⇒その他の項目から「内部URLをSSL対応(簡易版)」にチェックをつけてみました。

簡単SS

これで万事解決!と思いきや、やっぱりダメでした。鍵マークが出ない(´;ω;`)

Chromで「console」を確認⇒ロゴ画像を再設定

当ブログの内部リンクはすでに「https://」になっている様子。

どうしらいいのか分からないといった状態でしたが、ChromでF12キーを押して「console」を表示させたところ、「Mixed Content」として当ブログのロゴ画像のURLが記載されていました。それも「http://」から始まるURLのまま。

そしてロゴ画像を再設定してみたところ見事鍵マークが出現しました!

どうしてロゴ画像だけURLの置き換えができなかったのか、原因については不明ですが、とりあえずうまくいってよかった。

コメント

  1. ナワキミノ より:

    Simplicitiyで運営しているブログのSSL化で、パソコンでは鍵マークが表示されるのに、スマホでは表示されなくて困っていました。このページの「ロゴ画像を再設定」がヒントになり、パソコンサイトとモバイルサイトで違う画像を使っているのに気づき、モバイルサイトの画像を再設定すると見事スマホサイトでも鍵マークが表示されました。この顛末を記事にしてブログに上げましたが、その際、このページのリンクを張っております。どうぞよろしくお願いします。
    当方記事→https://nawakimino.net/website/ssl-mobile/