【Voyageur】TOPページ各ブラウザでの表示崩れについて

[shinko]

お世話になっております。
下記不具合について2日程調べても分からなかったため質問させて頂きます。

現在ローカルで「Voyageur」テーマを使用したテストサイトを構築中です。
そのためURLの掲示が出来ずお手数をおかけいたしますが、下記の事象についてお答えいただけると幸いです。

【スクショ1枚目】
Safariのみアクセスすると画面が真っ黒、ページローダも表示されない状態になります。
Firefox、Chromeは正常に表示されていますが、画面左下の開閉用メニューアイコンが読み込めていないです。

【スクショ2枚目】
開発者モードでバックグラウンドの黒を非表示にすると画面は表示されますが、開閉用メニューボタンがなく、すでに開いた状態のメニュー、トップ表示用のウィジットエリアに書いた”OnlineShop”ボタンが非表示となっていました。

自分のPCでSafariの不具合ですが、別PCではChromeで同様の不具合が出ています。
どのような原因が考えられるでしょうか？
使用ブラウザ、ver、行った対応は下記のとおりです。

【不具合発生ブラウザ&PC】
■パソコンNo1
Safari ver：9.1.2
Mac OS X Capitian Ver：10.11.6
■パソコンNo2
chrome ver：44.0.2
Mac OS Sierra

【開発環境】
ローカル/MAMP

【使用テーマ&WP】
Voyageur Ver：1.2.8.6
wordpress Ver：4.9.4

【設定箇所】
・背景デザイン/スライドショー
・ウィジェット/トップページ全画面背景画像上

【対応】
・Safariのキャッシュファイルを削除
・cssなどすべて削除し、手を加えていない状態で再インストール
・Macのアップデート
・テーマファイルの再ダウンロード後、wordpress最新版をインストールし、テーマをインストール

Safariでの黒画面の不具合はMacのOSをX Capitian→High Sierra(ver10.13.3)にupdateすることで表示が直りましたが、updateしていないユーザーが黒画面のままというのは避けたいので、根本的な解決をしたいと思っております。
長くなりましたが質問は以下の2点です。

1.ブラウザーやOSによって黒画面になってしまう原因はどんなものが考えられるでしょうか
2.タブレットサイズの左下に表示されるメニューアイコンを読み込めようにするにはどうしたら良いでしょうか

以上、お忙しいところ恐れ入りますがご教授の程よろしくお願いいたします。

添付ファイル:

添付ファイルを開くにはログインしてください。

[丈児鈴木]

自分も全く同じ症状が起きています。

アップデート後からなっています。

解決方法を教えてください！！

[DigiPress サポート]

対象サイト (http://naomi11pui.com/) では 本トピックとは事象が異なります。

DigiPressの【詳細設定】→【サイト一般動作設定】→【標準化設定】にて 「圧縮済みの jQuery を Google から読み込む」 にチェックをしておいてください。

https://digipress.info/manual/theme-option/config-settings/#jQueryGoogle

なお、フォーラムに投稿いただく際は、必ず具体的な状況、情報と対象URLを明記してください。

[丈児鈴木]

「圧縮済みの jQuery を Google から読み込む」は元々チェック済みでした。

ずっとできていましたが、アップデートしてからスライドショーが表示されなくなりました。
その他ビジュアル設定や詳細設定を見ましたが、なぜこういう状態になっているのか
原因が特定できません。

仕事で使うので、本当になんとかしてほしいです。
何か新たにプラグインを入れたとか設定を変えたわけではありません。

http://naomi11pui.com/

サイトはこちらです。トップページにスライド写真が入るようになっていますが、
オンになっているにもかかわらず表示されていません。

[DigiPress サポート]

「圧縮済みの jQuery を Google から読み込む」は元々チェック済みでした。

対象サイトのソースでは、jQueryは以下のようにご利用のサーバー上の WordPress から出力されている v.1.12.4 という初期のバージョンであり、明らかにGoogle CDN からの出力ではありません。

<script type='text/javascript' src='http://naomi11pui.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://naomi11pui.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>

テーマオプションにて Google CDN からjQuery を正しくロードできている場合は、上記の script タグの出力ではなく、以下の通り ajax.googleapis.com から読み込んだ jQuery がテーマによって挿入されます。

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'></script>

再度、設定を見直し保存し直してください。
さらに、使用中の何らかのプラグインの影響でないかもお確かめください。

[投稿者]

投稿