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

ワードプレステーマ別

TCDテーマOOPS!:トップページスライダーの切り替え時間を変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.OOPS!にてトップページスライダーの切り替え秒数を変更したい

OOPS!にてトップページスライダーの切り替え速度を速くする方法を教えて下さい。

A.下記のphpファイルの該当箇所を編集します

編集するファイル:functions.php
編集する箇所:

wp_enqueue_script( 'oops-index-slider', get_template_directory_uri() .
'/js/index-slider.min.js', array( 'jquery' ), version_num(), true );

    ↓

wp_enqueue_script( 'oops-index-slider', get_template_directory_uri() .
'/js/index-slider.js', array( 'jquery' ), version_num(), true );

編集するファイル:js/index-slider.js
編集する箇所:

    var speed = 1000;
    indexSliderItem.first().addClass('is-active');
    var timer = setInterval(function() {
        index = (index + 1) % sliderNum;
        jQuery('.is-active',
indexSlider).fadeOut(speed).removeClass('is-active');
        indexSliderItem.eq(index).fadeIn(speed).addClass('is-active');
    }, 8000);

※上記箇所のうち、「1000」と設定されているのが背景のフェードインのスピード、「8000」と設定されているのが、次のスライドに切り替わるまでの時間です。これらの値を任意の値にご変更ください。単位はミリ秒です。

※バージョン2.11以前のバージョンの方はこちらをご覧ください。

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

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

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