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

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

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)単位はミリ秒です。

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

0

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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