WordPressテーマTCDのカスタマイズを研究するサイト

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'; }; ?>
  });
The following two tabs change content below.

タカ

スポーツが好きな30代男性です。 休みの日はフットサルやバスケットをしています。

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。