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

ワードプレステーマ別

TCDテーマVOGUE:モバイル閲覧時のトップページヒーローヘッダーの切り替え時間を変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページのヒーローヘッダーについて、スマホ/タブレット画面でのスライドショー切替時間を変更したいです。

A.下記の方法でカスタマイズしてください。

1. 読み込むjsを変更する

編集するファイル: functions.php
編集する箇所: 129行目付近

wp_enqueue_script( 'vogue-front-script', get_template_directory_uri() . '/assets/js/front-page.min.js', array( 'jquery', 'vogue-script' ), version_num(), true );

 ↓

wp_enqueue_script( 'vogue-front-script', get_template_directory_uri() . '/assets/js/front-page.js', array( 'jquery', 'vogue-script' ), version_num(), true );
2. jsに切り替え時間についての記述を追加する

編集するファイル: assets/js/front-page.js
編集する箇所: 154行目付近

arrows: false

 ↓

arrows: false,
autoplaySpeed: 〇

〇に任意の数値を入力してください(デフォルト値は3000)単位はミリ秒です。

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

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

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