どうも、Tuskです！
今回もまた、ツクールや創作とは少し離れた話題なのですが、WordPressでまた一苦労してしまいましたので、過去トラ的に記事にしておこうと思います。
……とは言え、トラブルの原因としてはシンプルな事で、多分WordPressを使い慣れている人からするとちゃんちゃらおかしい事だと思います。
しかし、僕の様な初心者には分からない事ですし、原因である部分を特定する事自体が難しいと思いますので、少しでも参考になる様に過去トラとしてまとめておきたいと思った次第！
サイトをSSL化したが、スマホでの閲覧時に鍵マークがつかない！
SSL化したのに鍵マークがつかねぇ！
SSL化できてねぇ！？
…ってな話はよくある事で、大体は記事に埋め込んである画像のURLがhttpになっているのが原因である事がほとんど。
しかし、それをちゃんと確認しているにも関わらず、どういう訳か鍵マークがつかないという事態が発生！
しかも、トップページは普通に鍵マークがついており、鍵マークがつかないのはスマホで閲覧した時の投稿記事と固定ページのみ。
さらには、プラグインを使ってSSL化しており、PCで閲覧した時は何の問題もないのです。
スマホのブラウザではSafariとChrome、Firefoxと Operaで確認しましたが、全て同様の状態でした。
画像を一つ一つ確認しても原因が分からず…
右往左往する事、数時間でした笑
僕の様な初心者がこういったトラブルに直面した時、まず最初に困るのはどの辺に問題がありそうなのか、発生要因として考えられそうな部分を絞り込めない事です。
もちろん、初心者なりに試行錯誤するわけですが、むしろそれが上手くいくのであれば大概は自分で解決できるんじゃないかと思う。
仕方なく、WordPressのサポートフォーラムにヘルプを要請
自分では解決ができなさそうだったので、相談する事は苦手なんですけど、仕方なくサポートフォーラムに相談をしてみました。
すると、親切な方がすぐにご返信を下さり、「この部分がhttpのままになってるよ！」と、ソースをご提示下さいました。
どうやら、Firefoxのデバッグ機能でソースコードを見て下さったらしく、しっかりhttpのままになっている画像があったのでした。
……そうか、それ確認してなかった(;´д｀)
しかし、こういう事が視野に入ってこない事こそが、初心者の自己解決が難しい理由たるものだと思うわけで。
それと今回の場合、すっかり「スマホでの閲覧時のみ」という事に意識を取られており、冷静に問題解決を導き出す手段を考える力が欠如していましたね。
しかし、あれだけ確認したのに、なんでそんなURLの画像があるんだ？
原因はデザインテーマに使われるデフォルトの画像
さて、ご提示頂いたURLからリンク先を辿ると、表示されるのは使用しているWordPressのデザインテーマ「cocoon」のロゴマーク画像…
はて？(ﾟωﾟ)
……最初はそうなった僕でしたが、色々調べてようやく気がつきました。
そう、画像がない時に置き換えられるNo imageの画像や404エラー時の画像など、デザインテーマに使用されているデフォルトの画像がhttpsになっていなかったわけです！
また、どうやらスマホで閲覧した際に表示される画像に、そのデフォルト画像があった様子。
その部分にエラーが出てしまい、SSL化されていない状態で表示されていた模様。
いやぁ、これには気付かなかった(~_~;)
無料ブログや全てを自身で作るWEBサイトとは違い、Wordpressではデザインテーマというテンプレートをベースに作っていきますもんね……
その部分で使われる画像もお忘れなくという事ね(;’∀’)
全て手動でhttpsにするしかない
今回、デザインテーマのデフォルト画像がhttpsに置き換えられなかった理由は、デザインテーマの仕様というしかない様です。
どうやら、SSL化されていない状態でデザインテーマを使ってサイトを立ち上げ、その後にSSL化した場合、デザインテーマに使われるデフォルトの画像はhttpsに置き換わらない様です。
恐らく、これはcocoonだけに関わらず、WordPressのデザインテーマの大半がそうなんじゃないかと思われます。
そういう現象が起きた場合、面倒ですがデザインテーマのデフォルト画像を全て手動でhttpsに書き換えるしかありません。
もちろん、テーマ自体に画像を設定する項目が設けられていますので、ちゃんと自分で設定していればこういう事態に見舞われることもなかったんだと思います。
……しかしまぁ僕の場合、面倒なので特に設定しようという発想自体が出てきませんでした笑
でも、こういう人は多いよね？ 多い……よね？
今回のトラブルで思ったこと、まとめ
よくよく理解してみると、「あーなるほど」ってな要因のトラブルですが、あまり経験や知識がない事もあり、中々トラブルの要因の的を絞れないものです。
そのため、まずはブラウザのデバッグモードを使ってソースコードを調べてみる事を第一にやるべきと感じました。
また、今回はWordPressのサポートフォーラムに相談して解決しましたが、「cocoonが原因なんだから、cocoonのフォーラムに相談すべきとおもいますが…」など言われました。
コレに関しては、初心者がそんな事を気づくはずもなく、そこまで特定できたらフォーラムに書く必要ないと感じます。
やはり、ある程度知識がある人は、何も分からない駆け出しの人の事を理解できないモノだと感じました。
そのため、今後も僕と同じ初心者の人のためにも、こういう過去トラ的なモノは残していきたいと思った次第。
…ではでは
コメント