スマホで鍵マークが出ない、スマホのヘッダー画像に原因が…

北アルプス雲の平
北アルプス雲の平

本サイトnawakinino.netとは別に、個人事業用のサイトを運営しています。本サイトは新規設定だったので、エックスサーバーで立ち上げて比較的簡単に最初からSSL化することができましたが、事業用サイトの引っ越しはなかなか手こずりました。SSL化も終わって、やれやれと思っていました。

ところが、この事業用サイト、一週間ほどしてようやく気づいたのですが、パソコンで見たときは鍵マークが出ますが、スマホで見たときは鍵マークが出ません。原因はなんなのか。

本サイトnawakimino.netを開設するのにあわせて、個人事業用のウェブサイトもエックスサーバ…
スポンサーリンク

スマホのみのコンテンツがある?

いろいろググって、こんなサイトを見つけました。

この方は、私と同じ症状です。この方の場合、「スマホのみで表示していたコンテンツがあった」「そこにhttpソースが残っていた」ことが原因でした。私の事業用サイトはWordpress+Simplicityで作成しており、レスポンシブデザインになっているので、パソコンもスマホも同じコンテンツを表示しているはずです…。違うのかな…。

Simplicityの画像設定に問題が?

ついにこんなサイトにたどり着きました。

この方は、私と同じSimplicityを使っています。ロゴ画像のURLがhttp://のままで、「ロゴ画像を再設定してみたところ見事鍵マークが出現」とのこと。はたと思い当たりました。そういえば、私の事業用サイトでは、パソコンのヘッダー画像とスマホのヘッダー画像は違う画像を使っていたはず。これじゃないか!

ヘッダー画像の再設定を試してみる…

ダッシュボードにログイン、外観>カスタマイズ>ヘッダーで、モバイルヘッダー背景画像を一旦削除し同じ画像を再登録してみる。スマホで見てみるがやはり鍵マークが表示されない。ウ~。やはりだめか…。もう一度ダッシュボードに戻ってみる。

あっ!再登録のあと公開ボタンを押すのを忘れてる!公開ボタンを押して再度スマホで見てみると見事に鍵マークが表示されていました。

スマホで鍵マークが表示されない原因、私の場合は…

原因は、結局「スマホのみで表示していたコンテンツがあった」ということでした。エックスサーバーもWordpressもSimplicityも、SSL化に際して相当な部分で自動的に対応してくれます。しかし、自動的にならない場合、知識の浅い私にとって、ならない理由を探すのはなかなか大変でした。

スポンサーリンク

シェアする

フォローする