Q.トップページの画像スライダーの表示秒数を変更したいです。
▼変更箇所イメージ
A.下記の方法でカスタマイズしてください。
編集するファイル： js/header-slider.js
編集する箇所： 244行目付近
delay: headerSlider.dataset.interval - 0 || 5000,
↓
delay: headerSlider.dataset.interval - 0 || 3000,
上記は5秒から3秒に変更する例です。値は1000単位で変更してください。
スライドが切り替わるときのアニメーションの速度を変更する場合は、以下ファイルを編集してください。
編集するファイル： template-parts/front_page_header.php
編集する箇所： 78行目付近
<div id="header_slider" class="swiper<?php if($index_header_content_type == 'type1') { ?> animation_type_<?php echo esc_attr($animation_type); }; ?>" data-fade_speed="<?php if($index_header_content_type == 'type1') { echo '3000'; } else { echo '1500'; }; ?>">
↓
<div id="header_slider" class="swiper<?php if($index_header_content_type == 'type1') { ?> animation_type_<?php echo esc_attr($animation_type); }; ?>" data-fade_speed="<?php if($index_header_content_type == 'type1') { echo '2000'; } else { echo '1500'; }; ?>">
上記は3秒から2秒に変更する例です。値は1000単位で変更してください。
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！