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'; }; ?>
});
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!