サポート » 使い方全般 » スマホ版のSSL化と、ツイートの埋め込みがうまくいかない

  • 初めてトピックへ書かせていただきます。
    Wordpressは初心者で、少しずつサイトを作っています。

    さくらインターネットを使ってWordpressでサイトを作成しているため、さくらインターネットが提供しているプラグイン「SAKURA RS WP SSL」を使ってSSL化しました。
    PC版は問題なく保護された接続でサイトを閲覧できますが、なぜかスマホではトップページしか保護された接続になりません。
    以前は保護されていたのですが、突然に鍵マークが出なくなったのです。

    ネットで調べてみましたが、全く分かりません。

    また、これと関係があるのかは分からないのですが、ツイートを埋め込んだ投稿記事が、スマホで閲覧した時のみ正常に表示されません。
    文章の途中からグレーで何も表示されなくなってしまいます。
    以前は表示できていたのですが、突然にできなくなりました。

    テーマはCOCOONを使っており、レスポンシブデザインですので、PCとスマホは同じ内容を表示しているだけ……というわけでもないのでしょうか?

    何をどう探っていけばいいのか、パニックです。

    ・スマホではトップページしか保護された接続にならない原因には、どういったことが考えられるか
    ・スマホでツイートを埋め込んだ記事が突然に閲覧できなくなった原因は、どういう事が考えられるか

    これらをご教授いただけないでしょうか。
    自分では、何も解決に近づきません。

    • このトピックは1年、 9ヶ月前にmediafaustが編集しました。理由: 間違えて送信してしまったため

    ヘルプの必要なページ: [リンクを見るにはログイン]

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • mediafaustさん、こんにちは。

    いちおう実機(Android 12)でも確認させて頂きましたけれども、SSL 化できているように見えますよ。
    ブラウザのキャッシュが関連している可能性もありますので、シークレットモードや他のブラウザなどでも試してみてください。

    ご参考になれば。

    トピック投稿者 mediafaust

    (@mediafaust)

    >shokun0803様
    ご返信、ありがとうございます!
    実機でご確認いただき、感謝いたします。

    身の回りがiPhoneユーザーばかりなのですが、どうもiPhoneではトップページしか保護された接続になっていない様なんですよね。
    キャッシュをクリアしてiPhoneを再起動してから接続してみても、やはり同じ状況でした。
    SSLは、safari・chrome・Opera・FireFoxも同様で、困り果てております。

    また、やはり埋め込みTwitterがどうもまともに機能しません。

    mediafaustさん、こんにちは。

    Web の仕様上、PC でも SSL 化が確認できる、Android でも確認できている以上、SSL 化を失敗しているとは考えにくいです。
    ひとつ考えられるとすれば、SSL 証明書が iPhone に対応していない証明書であった場合くらいですが、さくらインターネットの提供する証明書がそんなことあるとも思えないですねぇ。ましてやサイトトップは SSL 化できているとすれば、証明書が正常に適用できていると考えるのが普通です。

    サイトトップ以外の URL が実はサブドメインが違うとか、AMP で表示されているとか、何か違う動作をしていたりしませんか。

    ご参考になれば。

    下記の3箇所がhttp://になっており保護されていない箇所が混在しているため鍵マークが出なくなっているものと思われます。

    <!– OGP –>
    <meta property=”og:image” content=”http://media-faust-create.jpn.org/wp-content/themes/cocoon-master/screenshot.jpg”&gt;

    <!– Twitter Card –>
    <meta name=”twitter:image” content=”http://media-faust-create.jpn.org/wp-content/themes/cocoon-master/screenshot.jpg”&gt;

    <!– Cocoon meta thumbnail –>
    <meta name=”thumbnail” content=”http://media-faust-create.jpn.org/wp-content/themes/cocoon-master/screenshot.jpg”&gt;

    はじめまして。

    Cocoonは公式配布テーマではありませんので、Cocoonテーマのフォーラムでお調べいただきたいとは感じますが...。

    Cocoon設定の「OGP」タブを開いて、画面下の方にある「ホームイメージ」欄のURLが「http://~」になっているのが原因かも知れません。
    この部分を「https://~」に直せば解決するのではないでしょうか?

    私自身Cocoonを使用させていただいてないので的外れかも知れませんし、他に要因があるのかもしれませんが、解決できたら幸いです。

    トピック投稿者 mediafaust

    (@mediafaust)

    >shokun0803様
    androidでご確認いただいた上、さらなるご助言をありがとうございます!
    頂いたご助言のおかげで、Wordpressやサーバーの問題ではなく、COCOONの設定に問題があるのでは?と気づくことができ、何とか解決に導けました!
    本当にありがとうございます!(´;ω;`)

    トピック投稿者 mediafaust

    (@mediafaust)

    >hamacchi様
    ご返信、ありがとうございます!
    ズバリなご助言、心より感謝いたします!

    まさにhamacchi様が教えて下さった点が原因でした。
    どうやら、SSL化する前にCOCOONで立ち上げると、OGPなどの設定画像が全てHTTPになってしまう様です。
    ご指摘の点を全て修正した所、見事に治ってくれました!

    いやぁ、本当に的確なご指導で、感謝感激です(´;ω;`)

    トピック投稿者 mediafaust

    (@mediafaust)

    >himaartjp様
    初めまして!
    ご返信、ありがとうございます!

    申し訳ありません。
    正直、COCOONの問題なのか何なのかもわかっていなかったため、こちらに書き込ませて頂きました。
    しかし、このトピックで頂けたご助言のお陰で、SSLの問題は解決する事ができました!

    仰る通りOGPの設定画像も問題になっており、他にも数点HTTPになっている設定を発見しました。
    全て修正した所、見事に解決です!

    Twitter埋め込みの問題は、COCOONのフォーラムで相談してみます!

    ひとつ問題が解決できたようで良かったです!

    ご存知かもしれませんが、FireFoxをお使いでしたら、
    「ツール」→「ブラウザーツール」→「ウェブ開発ツール」のコンソールタブなどを
    を使うと問題解決のヒントがあることもあります。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック「スマホ版のSSL化と、ツイートの埋め込みがうまくいかない」には新たに返信することはできません。