「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマANGEL:トップページのスライダーを横スライドする方法

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'; }; ?>
  });

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事