httpsなのに緑鍵にならない原因と対処の記録|ブログを独自SSLに【後編】

当ブログをSSL化したので、覚書として残しています。
サーバーとWordPressでの作業は、前編 で、内部の書き換えと、登録している各種サイトでの変更などを 中編 で、してきました。
この 後編 では、URLは https になっているのに、緑の鍵マークと『保護された通信』のメッセージが出なかった対処を記します。

はじめに

以下リンク先さんを主に拝見しながら作業してきました。
エラーとその対処でも、とても役立つものでしたので、感謝とともに再度リンクを貼ります。

そらよりさんのトコは、きっとAMPにするときも見るですにゃの

緑鍵が出ない原因を探して

エラーの原因として一番初めに思いついたのが、外部リンクの SSL化されてないやつでした。
当ブログでは、参照先さん・見せていただいたブログ・サイトさんを多数リンクしています。

アダになったですにゃの〜

結論から言えば、外部リンクが原因ではありませんでした。

原因その1.壁紙画像

守護天使がついてると、こんないいことがあります。
自分では気づきにくいところを指摘してもらいました。

メディアライブラリの画像URLが https になっていても、カスタマイザーでアップロードしたものは直ってない。
ありゃりゃ…ですにゃの

管理メニュー外観カスタマイズ で、壁紙画像を設定し直して完了です。

この時点で、ヨソさんからみたら緑鍵出てたみたいですにゃの

ログインしているか、していないかという問題

私は Chrome を愛用しています。
壁紙を設定し直してみても、緑鍵が出ていませんでした。
これも、先に結論を言ってしまうと、WordPressにログインしていたからのようです。
というのは…
エラーのままなのは、やはり外部リンクのせい!と思い込んでいたので、確認するために以下のような方法をとりました。

原因その2.Firefoxでエラーリンクを探す

URLが http のリンクを探すには、中編のアフィリエイトリンクについて でしたように、プラグイン Search Regex を使って地道ながらやっていけます。
手をつけ始めていたのですが…

めんどくさいですにゃの

もっといい方法はないのかと、探しました。見つけたのが、以下リンクです。

Firefox で調べられるにゃのね

さっそくダウンロードしました。こちらから → Firefox

以下、画像はクリックで全体をご覧いただけます。

画像では、上の赤枠が Chrome、下が Firefox です。

ご覧いただいて気づきますでしょうか?
Firefox では、エラーになっていない!

 
あにゃにゃ? にゃんにゃの?

念のため、JUNICHIさんが書いてくれているように、確認しました。

インフォメーションのマークをクリック。
『安全な接続』メッセージが出てます。
右の赤丸部分をクリック。

 

下の『詳細を表示』をクリック。

 

『メディア』タブをクリック。

 

一覧が出ます。
エラーは見つかりませんでした。

 
Firefox で、エラーが見つかることもある。

エラーは、もしかして自分だけ?

にゃんにゃの? …困ったですにゃの…

原因その3.Chrome の拡張機能を疑ってみる

困ったときは、ソースに戻れ。Google Chrome ヘルプを見てみました。
接続エラーを解決する
この中で、ステップ2の拡張機能かもよ?に、思い当たるフシがありました。

こんにゃにあったら、そうだとしてもおかしくにゃいですにゃの

右上のところから、『その他のツール』で『拡張機能』を選ぶと一覧で表示されるので、全部止めてみました。

 
それでも直らにゃかったですにゃの
Chrome の拡張機能が原因なこともあるらしい。

ふと思い立って、シークレット ウィンドウで開いてみました。

右上から『新しいシークレット ウィンドウ』を選択。

 

アドレスバーに URLを打ち込みます。

 

 
緑鍵ににゃってるですにゃの
シークレットウインドウなら、外からどんなふうに見えているかチェックできる。

原因その4.ダッシュボードがおかしい?

これだけやってみて、やっとひらめい。

既に投稿記事が存在している場合、上記作業を終えた時点ではダッシュボードのみ緑色の鍵アイコンが表示されている状態かと思います。
【ロリポップ】独自SSLが無料に!WordPressのSSL化(https化)全手順 の『内部リンクと画像URLの一括置換作業』より

もしかしてダッシュボードににゃにかあるですにゃの?

自分のブログのトップページを開いた状態で、Macなら 右クリック(control + クリック)で『ページのソースを表示』

 
見つけたですにゃの!

http のままのが、3ヶ所ありました。

赤線部分は、og:image。

 

Luxeritas のばあい、管理メニューLuxeritasカスタマイズ で、『Head タグ』の下の方にあります。

これを一度削除して、設定し直しました。

 

赤線は、サイトアイコンと、プロフィール写真です。

 

サイトアイコンは、管理メニューLuxeritasカスタマイズ で、『Head タグ』の下の方にあります。

 

プロフィール写真は、管理メニューユーザーあなたのプロフィール です。

 
やり直して、ドキドキしにゃがらブログを再読み込みしにゃしたの

緑鍵出たですにゃの!
『ページのソースを表示』は、かなり使える。

余談:スマホからログインできない?

SSL化したら、スマートフォンからダッシュボードにログインができなくなって焦りました。
でも、SSL化とは関係なく、プラグイン SiteGuard WP Plugin が原因でした。いったん止めたら、ログインできました。

SSL化のさいごに

URLを https にすることそのものは、難しいことはありませんでした。もっとも、ていねいにやり方を書いてくださった方がいるからです。感謝。
めんどうなのは、エラーが出たとき。自分のところの原因がどこにあるのか?を突き止めるまでは大変でした。
でも、もうたくさんの方がSSL化をされていて、あれもそれもこれも、つまずきポイントは記事にしてくださってます。
今回やってみて、久しぶりに頭使って、楽しかったです。

一安心ですにゃの