My Snow Monkeyでjsを読み込む

My Snow Monkeyでjsを読み込む

my-snow-monkey.phpに、下記のコードを追加する。

/* js読み込み */
wp_enqueue_script(
	'msm_scripts',
	MY_SNOW_MONKEY_URL . '/js/main.js',
	['jquery'],
	filemtime(MY_SNOW_MONKEY_PATH . '/js/main.js'),
	true
);

jsフォルダと、その配下に、main.jsファイルを作成する。

main.jsに、反映させるjsコードを書く。

下記は一例です。

window.addEventListener('scroll', function () {
    const header = document.querySelector('.l-header');
    if (window.scrollY > 50) {
        header.classList.add('shrink');
    } else {
        header.classList.remove('shrink');
    }
});

jsコードに関しては、正直私も詳しくありませんので、参考サイトからほぼコピペです^^;