サポート » 使い方全般 » 特定のブラウザのみトップページスライドショーが表示されない

  • 解決済 otowa13

    (@otowa13)


    最近WordPressを使用してHPを作成し始めた初心者です。

    【困っていること】
    特定のブラウザのみトップページスライドショーが表示されません。
    各ブラウザの確認状況は以下の通りとなります。
    IE11、Google Chrome、Safari(iPhone)⇒表示OK
    Microsoft Edge⇒スライドショーのエリア自体が表示されない
    Firefox⇒スライドショーのエリア自体はあるが画像が表示されない

    【環境】
    WordPress ver.5.2.4
    テーマ:Lightning Child Sample
    (親テーマのLightning ver.7.0.6)無料版

    【試したこと】
    ・全てのプラグインの停止
    ・他の端末でHPを確認
    ・Lightningの親テーマに切り替え
    ・Lightningの親テーマ・子テーマを一度削除して再インストール
    ・Microsoft Edgeにてポップアップブロックを無効化、Cookie・キャッシュ・閲覧履歴の削除、GPUレンダリングの設定を無効化、Microsoft Edgeの修復

    上記作業を試しましたがすべて改善がありませんでした。
    「ホームページ設定」画面の「ホームページの表示」は「最新の投稿」になっています。
    トップページスライドショーの設定画面で画像を一旦削除してデフォルトボタンを押すと、デフォルトの画像は正常に表示されるのですが、自分で用意した画像を選択しなおすと表示されなくなります。

    用意したスライドショー用の画像は、サイズは1900×700でjpgです。
    推奨サイズ(1900×600)の別画像を用意して切り替えてみましたが、やはり表示されませんでした。
    固定ページなどに載せている画像は、どのブラウザでも表示されています。

    文章が長くなり申し訳ございません。
    他に何を確認すればよいか分からず困っております。
    アドバイスのほど、よろしくお願いいたします。

    • このトピックはotowa13が5ヶ月、 3週前に変更しました。

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

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • こんにちは

    動作を確認できるサイトの URL をお知らせいただくと解決が早いかもです。

    CG

    (@du-bist-der-lenz)

    pngファイルではどうでしょうか

    混在コンテンツにより画像の読み込みがブロックされたのかもしれません。Firefox はデフォルトでブロックします。Firefox のアドレスバー内のウェブアドレスの左側にある鍵マークが黄色で表示されていませんか?
    https://developer.mozilla.org/ja/docs/Security/混在コンテンツ

    ishitaka(@ishitaka )さま
    返信ありがとうございます。

    >動作を確認できるサイトの URL をお知らせいただくと解決が早いかもです。
    「ヘルプの必要なページ」にURLを載せました。ご確認お願いいたします。

    >Firefox のアドレスバー内のウェブアドレスの左側にある鍵マークが黄色で表示されていませんか?
    黄色の「!」がついた鍵マークが表示されていました。

    CG(@du-bist-der-lenz )さま
    返信ありがとうございます。

    >pngファイルではどうでしょうか
    pngファイルを設定してみましたが、やはり表示されませんでした。

    ご確認のほど、よろしくお願いいたします。

    コンソールに
    「混在アクティブコンテンツ “http://aikawa-foods.com/wp-content/uploads/2019/10/%E3%83%88…BB%E5%83%8F%E3%83%95%E3%82%A9%E3%82%A2%E3%82%B0%E3%83%A9.jpg” の読み込みをブロックしました」
    と出ていますね。

    そのうち Chrome でも表示されなくなります。
    グーグル、「Chrome」で混在コンテンツのブロック強化へ

    設定されている画像を解除、保存
    再設定、保存

    で表示されるようになると思います。

    あるいは プラグイン「Really simple SSL」など入れてみてください。

    サイトを確認しました。

    サイトアドレスが https で画像アドレスが http です。
    下記ページなどを参考にサイトアドレスが正しく設定されているか確認してみてください。
    https://creive.me/archives/11553/

    munyaguさま、kurudriveさま、ishitakaさま
    返信ありがとうございました。

    ishitakaさまにご紹介いただいたページを見ながら作業いたしましたが、Search Regexのプラグインがうまく動作しなかった?みたいでした。
    (WordPressから「サイトに技術的な問題が発生しています。今回の場合、WordPress がプラグイン Search Regex でエラーを捉えました。~・・・」とメールが届きました。
    プラグインの新規追加からSearch Regexを検索したのですが見つからなかったので、WordPress.ORGのプラグインのページからダウンロードしたZIPファイルをアップロードしたのですが、良くないやり方でしたか?)
    なのでひとまず、Really simple SSLを有効化したところ、EdgeでもFirefoxでもスライドショーが表示されるようになりました。

    ただ、何らかの理由でReally simple SSLが使えなくなった場合には、また画像が表示されなくなるということですよね。
    最終的にはやはりSearch Regexで画像アドレスをhttpsに書き換えた方が良いんですよね・・・?

    本当に初心者なもので理解が悪く申し訳ございません。
    ご確認、よろしくお願いいたします。
    (誠に勝手ながら返信の確認は明日PM以降にさせていただきます。)

    サイトアドレスがhttpsになっているなら、
    画像を登録しなおすだけで解消されるはずです。
    カスタマイズ画面で一度画像を削除して保存してください。
    その上であらためて登録して保存すれば画像アドレスがhttpsで保存されるからプラグインなしでも解消されるはずです。

    kurudriveさま
    サイト内のすべての画像を登録しなおしたところ、Really simple SSLなしでもEdgeとFirefoxでスライドショーが表示されるようになりました。
    ありがとうございました。

    アドバイスくださった皆様、本当にありがとうございました。
    また困ったことが起きたら質問させていただきますので、その際にはよろしくお願いいたします。

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • このトピックに返信するにはログインが必要です。