ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマBLOOM:ページビルダーで設置するスライダーの表示速度を変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.ページビルダーで設置をするスライダーにおける速度を変更したい

A.下記のファイルをカスタマイズしてください。

編集するファイル:
slider.php (pagebuilder/modules/slider.php)

変更する箇所:

  $('.pb_slider').slick({
    infinite: false,
    dots: false,
    arrows: true,
    prevArrow: '<button type="button" class="slick-prev">&#xe90f;</button>',
    nextArrow: '<button type="button" class="slick-next">&#xe910;</button>',
    slidesToShow: 1,
    slidesToScroll: 1,
    adaptiveHeight: true,
    autoplay: true,
    fade: true,
    lazyLoad: 'progressive',
    speed: 1000,
    autoplaySpeed: <?php echo apply_filters('page_builder_slider_autoplay_speed', 10000); ?>,
    asNavFor: '.pb_slider_nav'
  });

◯自動再生で切り替えをする時間
autoplaySpeed:10000,

◯自動再生や左右の矢印でスライドするスピード
speed: 1000,

カスタマイズの際は必ずバックアップをご用意の上、お客様の責任において実施して頂きますようお願い申し上げます。

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

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

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