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

ワードプレステーマ別

TCDテーマINNOVATE HACKスライダーの切り替え秒数の変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページスライダーの遷移の秒数変更

トップページスライダーの更新秒数が変更できると良いのですが設定項目はありませんでした。
INNOVATE HACKでは変更できるのでしょうか?

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

編集するファイル:head.php (functions/head.php)
編集する箇所:

<script type="text/javascript">
jQuery(window).on('load',function() {
 jQuery('.flexslider').flexslider({
   animation: 'slide',
   easing: 'easeOutExpo',
   animationSpeed: 800,
   slideshowSpeed: 5000,
   animationLoop: true,
   useCSS: true,
   pauseOnHover: true,
   touch: true,
   smoothHeight: true,
   directionNav: false
 });
});
</script>
<?php }; }; }; ?>

※「animationSpeed」がアニメーション(フェード)する時間で、その下の「slideshowSpeed」がスライドショーのスピード(間隔)を示しています。
デフォルトは「slideshowSpeed: 5000」で設定しています。値を増やすと遷移が遅く、減らすと速く切り替わるようになります。

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

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

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