スライダーのスマホでの表示について

スライダーで設定した画像をPC・タブレットと、スマホと切り替えをする方法はありますでしょうか？

スライダーは、「WPAW: スライダー」ウィジェットを使われていますか？ もしくは、Snow Monkey Blocks の「スライダーブロック」でしょうか？ どちらを使っているかで対応方法も変わってくるので教えてください！

ウィジェットであれば、Widget Logic というプラグインを使ってスマホ・PCで出し分けができます。

WordPressウィジェットを条件で切り替え「Widget Logic」の使い方

WordPressであるウィジェットをスマホの時だけ非表示、など条件で表示を切り替えるのに便利なのが Widget Logic プラグイン。ここではこのプラグインの使い方を出来るだけ…

fukuro-press.com

※ただ、この記事にある wp_is_mobile() を使った方法だと「PC・タブレット」「スマホ」で条件分岐されます。

少々手間ですが、プラグインを使わずに、CSS で出し分けすることもできます。それぞれのウィジェットには「id」が割り当てられていて、それを利用して出し分けができます。ブラウザが Chrome であれば、そのウィジェットの上で右クリック > 検証とやると、そのウィジェットの HTML が確認できます。そこに id="wpaw-slider-inc2734_wp_awesome_widgets_slider-18" というような記述があると思うのですが、

@media (max-width: 767px) {
  #wpaw-slider-inc2734_wp_awesome_widgets_slider-18 {
    display: none;
  }
}

という CSS を、カスタマイザー > 追加CSS、もしくは子テーマの CSS ファイルに追加することで、スマホサイズのときだけ非表示にすることができます。

スライダーブロックの場合、ブロックを選択し、インスペクター（画面右側に表示される設定パネル）の高度な設定 > 追加 CSS クラスにクラス名を追加することで表示を制御できます。

u-hidden-sm と入力すると、そのブロックはスマホサイズのときに非表示になります。
u-hidden-md-up と入力すると、タブレットサイズ以上のときに非表示になります。

注意点として、Snow Monkey Blocks v3.0.6 以上の場合は、追加 CSS クラスがエディタに反映されるため、入力した瞬間に画面サイズに応じて非表示になっちゃいます。なので画像を登録した後に追加 CSS クラスを入力するのが良いかなと思います。