サポート » 使い方全般 » Meta sliderについて

  • ご質問失礼します。

    プラグインのMeta sliderについてご質問させていただきます。

    Meta sliderは簡単にスラドショーが作れて便利ですが、トップページのヘッダー画像(横モニターいっぱいいっぱい1920px?×縦800px)程の大きさでスラドショーを制作した場合、スマホで見ると小さくて文字などが読み辛くなります。

    そこで、PCとスマホで画像を変えることはできるでしょうか?
    PCでは横モニターいっぱいいっぱい×縦800pxぐらいで
    スマホでは360px×450px等。

    ご存知の方がいらっしゃいましたらご教授いただけれましたら幸いです。

    よろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • CG

    (@du-bist-der-lenz)

    まず条件を確認させて下さい。プラグインのMeta sliderに限定されてのことですか。

    トピック投稿者 mizugamiyuki

    (@mizugamiyuki)

    CG様

    ご返信ありがとうございます。

    Meta slideに限らず、当方の一番望む形としましてはスライドショーを設置し、その時PCとスマホで使用する画像を分けたいです。
    スラダーにはMeta slideのように画像を切り替える矢印や何番目の画像が表示されているか丸いボタン(画像の下に表示や非表示にできる丸いボタン)も付けたいです。

    よろしくお願いいたします。

    CG

    (@du-bist-der-lenz)

    Meta slideに限らず、PCでの設定と、スマホでの設定をユーザーエージェントでスイッチしてはどうでしょう。Meta slideにその設定がないなら、テンプレートで対応しましょう。

    CG

    (@du-bist-der-lenz)

    2つのタイプを作って行うユーザーエージェントとは違う方法では、レスポンシブデザインでメディアクエリで可変幅にする手段もあります。
    一ヶ月前のトピックに答えています。 https://ja.wordpress.org/support/topic/スライドショーの全画面表示/
    モデル表示は、 http://wp.me/P4Auc3-vs

    Honda

    (@rocketmartue)

    Meta slider の設定では、PCとスマホで画像を出し分けることはできません。
    wp_is_mobile 関数を利用して、PCとmobileのコードを出し分けることが可能ですので、
    PC用と、mobile用のスライドショーをそれぞれ作成してみてはどうでしょうか?

    <?php if( wp_is_mobile() ){
      // mobile用
      echo do_shortcode("[metaslider id=1]");
    }else{
      // PC用
      echo do_shortcode("[metaslider id=2]");
    } ?>

    ただし、wp_is_mobile 関数ではタブレットもモバイル判定されてしまいます。
    テーマによっては、独自の is_mobile 関数を設定している物もあります。

    トピック投稿者 mizugamiyuki

    (@mizugamiyuki)

    Toshiyuki Honda様

    ご回答ありがとうございます!

    一度こちらで実行してみます!

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「Meta sliderについて」には新たに返信することはできません。