テーマ「Lightning」を使ってみる②スライダーの表示速度を変えてみました。

前回、[kanren postid="1062"]で株式会社ベクトルさんの「Lightning」をインストールしてみました。

テストサイト　https://easy-life.work/test01/

管理人がのんびり屋のせいでそう感じるだけかもしれませんが、なんとなくトップページのスライダーの表示間隔が短いような気がします？
計測してみたら約4秒間隔で切り替わっていました。

トップページ　スライダーの表示間隔は約4秒

スピード調整できるメニューは無いか探してみましたが見つかりません？

いろいろ調べてみましたら　ゆうそうと さんのブログでこんな記事を発見しました
「テーマLightningのカスタマイズー子テーマを作ってスライダーのスピードを変更する」

おお～これは使えそうですね！子テーマは前回入れておいたので、さっそくゆうそうと さんの手順通りしてみることにしました。

スライダーの速度を指定するファイルは　all_in_header_fixed.min.js のようなので子テーマのフォルダ　lightning_child_sample　に親テーマの　jsフォルダごとコピーします。

jsフォルダの場所は　/WordPressが入っているフォルダ/wp-content/themes/lightning　です

jsフォルダの中の　all_in_header_fixed.min.js　をエデュタで開いてinterval:4000 を探して数字を6000に変更して保存

さらに子テーマフォルダの中の　function.php　を開いて一番下に

/*-------------------------------------------*/
/* Load JS
/*-------------------------------------------*/
add_action('wp_enqueue_scripts','lightning_addJs');
function lightning_addJs() {
wp_enqueue_script( 'html5shiv', '//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js' );
wp_script_add_data( 'html5shiv', 'conditional', 'lt IE 9' );
wp_enqueue_script( 'respond', '//oss.maxcdn.com/respond/1.4.2/respond.min.js' );
wp_script_add_data( 'respond', 'conditional', 'lt IE 9' );
wp_enqueue_script( 'lightning-js', get_template_directory_uri().'/js/all_in_header_fixed.min.js', array( 'jquery' ), LIGHTNING_THEME_VERSION );
}

をコピーして貼り付けて保存。

子テーマをアップロードして完了