プレビュー表示とスライド効果が適用されない
プレビュー表示とスライド効果が適用されない
- このトピックには28件の返信、6人の参加者があり、最後に
により3年、 11ヶ月前に更新されました。
-
投稿
-
[症状が発生するブラウザ]
・Google Chrome
・Microsoft Edge[テーマ・バージョン情報]
WPバージョン：5.6
テーマ：Lightning pro バージョン: 8.3.2
デザイン設定：Origin II（Bootstrap4）■ 質問内容
[症状]
1.Google Chromeでのスライドショーのカスタマイズ時、デフォルト画像以外がプレビュー表示されない
（添付画像1：デフォルト画像でのプレビュー、添付画像2：アップロードした画像が表示されるタイミングでのプレビュー）
→サイトURLでは画像は適用されているが、プレビューが表示されないと調整の確認に時間がかかってしまう）2.Google Chrome・Microsoft Edgeのどちらもプレビュー＆サイトURLともにスライド効果が適用されない
現在の問題点は以上2点になります。
一度に2つの質問になってしまい申し訳ありません。
同じ箇所の問題だったため1つにまとめさせて頂きました。[確認済み事項]
・デフォルト画像のみ正常にプレビュー表示されており、その他のアップした画像だとプレビュー表示されない
・テーマの削除→再インストールでも以前の設定が引き継がれている状態で改善せず
・プラグインを全停止しても改善せず
・親テーマ、子テーマの両方が同じ症状
・更新通知は無し
・ブラウザはGoogle Chrome[バージョン: 87.0.4280.88（Official Build） （64 ビット）]を使用
・Microsoft Edgeでは画像はプレビュー表示されるが、スライド効果が未適用で表示される
・Google Chromeの拡張機能はすべてOFFで確認済み
・iPhoneでは、画像・効果ともに正常に動作している以上になります。
情報不足等ございましたらお教え頂けると幸いです。
よろしくお願い致します。いくつか質問させてください。
- 閲覧しているサイトの URL は https:// から始まりますか？
- 上記に該当する場合 設定 > 一般設定 の WordPress アドレス (URL) と サイトアドレス (URL) は https:// から始まってますか？
- 上記を修正して該当画像を一旦削除＆再アップロードしたらどうなりますか？
以上よろしくおねがいします。
P.S.
該当 URL が貼れるようなら貼っていただいたほうがありがたいです。DRILL LANCERさん、返信ありがとうございます。
・閲覧しているサイトの URL は https:// から始まりますか？
・上記に該当する場合 設定 > 一般設定 の WordPress アドレス (URL) と サイトアドレス (URL) は https:// から始まってますか？
・上記を修正して該当画像を一旦削除＆再アップロードしたらどうなりますか？
→アクセスしていたURL自体は「https」だったのですが、ご指摘頂いた一般設定を確認したところ「http」だったので修正し画像を再アップしたところ、カスタマイズ画面でのスライドショーの画像はプレビューされるようになりました！ありがとうございます！ただ、
「2.Google Chrome・Microsoft Edgeのどちらもプレビュー＆サイトURLともにスライド効果が適用されない」
こちらはまだ未解決な部分があります。
どうやら、「Windows10のPCでのスライド効果が適用されない」ようです。・MacBook Air（2013年モデル）のGoogle Chrome、iPhoneSE2のsafariでは正常に動作
上記を確認しているので、最初はブラウザの相性だったりするのかなと思ったのですが、Google Chromeには原因がなさそうです。
そうなると、OSの違いなのかなと考えています。
アップデート等の関係で現状は仕様で対応待ち、ということであれば一旦気にせず進められるのですが…という状況です。よろしくお願い致します。
P.S.
私個人のサイトではなく案件になるので、恐縮ですが該当URLを貼ることが難しいです…申し訳ありません。どうやら、「Windows10のPCでのスライド効果が適用されない」ようです。
・MacBook Air（2013年モデル）のGoogle Chrome、iPhoneSE2のsafariでは正常に動作おそらく、ブラウザキャッシュの影響が疑われます。
- F12 で開発者ツールを起動
- 更新ボタンを右クリック
- キャッシュの消去とハード再読み込み
上記をお試しください。
どうやら、「Windows10のPCでのスライド効果が適用されない」ようです。
機能の性質上特定の端末で動作が違うというのは考えにくいので、キャッシュが疑わしいです。
スライド効果が適用されない
これはどういう意味でしょうか？
画像が適用されるのか切り替え時のエフェクトが効かないという状態でしょうか？Chromeのシークレットウィンドウなどで開いてもダメですか？
カスタマイズ画面が下書きになっていないか確認ください。
スライドの画像を削除して一旦保存。ページを再読み込み。
カスタマイズ画面及び公開画面で画像が表示されない事を確認の上、
新規で別の画像をアップしたらどうですか？石川さん、返信ありがとうございます。
これはどういう意味でしょうか？
画像が適用されるのか切り替え時のエフェクトが効かないという状態でしょうか？画像は適用されて切り替わるのですが、切り替え時のエフェクトが効かないという意味になります。
Chromeのシークレットウィンドウなどで開いてもダメですか？
試してみましたが、変化はありませんでした。
スライドの画像を削除して一旦保存。ページを再読み込み。
カスタマイズ画面及び公開画面で画像が表示されない事を確認の上、
新規で別の画像をアップしたらどうですか？画像は適用されているのですが、スライド効果が適用されませんでした…。（スイッチを切り替えるように画像が入れ替わるだけ）
とりあえずプレビューは解消したが切り替え効果だけ解決していないという解釈でOKでしょうか？
なるほど、そうなるとちょっとこちらで再現しないので直接サイトを見てみないと原因がわかりません。
URL貼るかBASIC認証などかけて認証情報をslackなどで送付は可能でしょうか？
私のWin10では再現しないので、
デベロッパーツールでコンソールに何かエラーが出ていないか確認する事はできますか？スライド以外でjsの挙動がおかしい所はありませんか？
外観 > カスタマイズ > Lightning CSS最適化 を一度停止してみてください。
URL貼るかBASIC認証などかけて認証情報をslackなどで送付は可能でしょうか？
申し訳ありません。
こちらの方法を解説した参考ページ等はありますでしょうか？外観 > カスタマイズ > Lightning CSS最適化 を一度停止してみてください。
現在停止した状態で確認しましたが、症状は変わりませんでした。
下記記事の手法はいかがでしょうか？
- このトピックに返信するにはログインが必要です。
