Q.トップページのスライダーを縦スライドから横スライドにしたいのですが、方法はありますか?
slick.jsのオプションを変更するだけで解決できます。
簡単にできますので、お好みでお試し下さい。
A.該当ファイルを編集してください
編集するファイル:head.php (functions/head.php)
$('#header_slider').slick({ dots: true, arrows: false, pauseOnHover: true, slidesToShow: 1, slidesToScroll: 1, adaptiveHeight: true, autoplay: true, vertical: true, easing: 'easeOutExpo', speed: 1000, autoplaySpeed: <?php if($options['slider_time']) { echo esc_html($options['slider_time']); } else { echo '7000'; }; ?> });
↓
$('#header_slider').slick({ dots: true, arrows: false, pauseOnHover: true, slidesToShow: 1, slidesToScroll: 1, adaptiveHeight: true, autoplay: true, vertical: false, easing: 'easeOutExpo', speed: 1000, autoplaySpeed: <?php if($options['slider_time']) { echo esc_html($options['slider_time']); } else { echo '7000'; }; ?> });
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!