- このトピックには6件の返信、2人の参加者があり、最後に
により1年、 10ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】18.2.0
【お使いの Snow Monkey Blocks のバージョン】17.2.0
【お使いの Snow Monkey Editor のバージョン】9.1.0
【お使いのブラウザ】chrome
【当該サイトのURL】https://v2.crescent-moon.website/いつもお世話になっております。
何かアドバイスをいただきたく、トピックを立てさせていただきます。### 発生している問題
プラグインxo sliderを使い、スライドするのですが、
スマホ（iPhone）だと、スライドせず、文字やボタン、ページネーションも表示されません。ipadでは、画像も表示されません。ナビゲーションは表示されます。
（ただ、ipadはかなり古くて、mini2でバージョンは12.5.6です。）PCの検証ツールでスマホサイズにするときちんと表示されます。
my snow monkeyで
cssはかなり書き換えています。
phpは、google fontsの読み込みと、カテゴリーを複数表示をしています。
jsは触っていません。同じページで、他のショートコードは使っていますが、スライダー系は入れていません。
xo sliderではなく、snow monkey のコンテンツスライダーなどで、
文字とボタンを画像内に表示する方法がおありでしたら、
その方法でも教えていただけたらと思います。どうかよろしくお願いいたします。
### 試したこと
すみません。何をしていいか、分からず手つかずです。いいねをした人: 居ません何をしたら良いのか分からないということですので、まずはWordPressの一般的な問題究明の方法を試してみてはどうでしょうか？
まず、テーマをTwenty〜に変更してみましょう。そして問題が引き続き起きているか確認して下さい。もし起きていればテーマに関する部分ではないといえます。
もしテーマ起因でない場合、次はプラグインを調べます。一度全て無効化をしてスライダーを提供するプラグインだけで有効化をし、表示を確認してください。
このような形で何が原因となり得るかを絞り込んでみて下さい。
いいねをした人:
Oleinさん、返信ありがとうございます。
（Happy snow monkeyのサイトやYouTubeを楽しく拝見させていただいております。）アドバイスに従い、テーマを変えたところ、
表示崩れはしましたが、スマホでも表示されました。
PCでは、検証ツールで何が起こってるのか確かめることはできるのですが、
スマホでの挙動のおかしさをどのように確かめたらよいのでしょうか。もし、ご存知でしたら教えていただけたら幸いです。
いいねをした人: 居ませんスマホで該当サイトを拝見しましたが、そもそもページの読み込みが完了できていません。ですので、XO Slider や Snow Monkey の問題ではなく、その辺りの調査をまずはされた方が良いかと思います。
こちらで検証ツールにてUAをスマホにした状態でも、コンソールにエラーが表示されています。そういった点をしらみ潰しに調査して、まずはスマホで読み込みが完了するようにしてみると良いかと思います。
いいねをした人:お忙しい中、返信本当にありがとうございます。
コンソールでエラーも確認しました。
Mixed Contentのエラーについて、いろいろ調べました。
httpから読み取ろうとするとエラーが起きるようで、
httpsに書き換えると良いというサイトは、よく見かけました。しかし、この画像の読み込み先を見ると、
どうやらlocalからネットに上げた後なのに、
そのままlocalから画像を読み込もうとして、エラーが起きているように思うのです。この読み込もうとしている元々のコードを削除するか書き換えれば良いと思うのですが、
そこには、どうやったらたどり着けるのでしょうか。。。メディアクエリの設定で、スマホの設定がされていないと起こる場合もあるというサイトの説明も見ました。
（わたしの場合は、まさにスマホのみスライダーが表示されないので、その辺りが原因のようにも思います。）もし、何かご存知のことやアドバイスがあれば、
よろしくお願いいたします。いいねをした人: 居ません画像を読み込んでいる部分が問題だとするならば、その画像名（もしくはその一部の名前）でソースコードを検索してみたりすると良いですよ。
外から見える部分だけからのデバッグは結構大変だったりもするので、なかなかアドバイス差し上げにくいところがあります。なんとか頑張ってみてください！
いいねをした人:
- トピック「xo sliderが、iPhone,iPadでスライドしない」には新しい返信をつけることはできません。