【wordpress】jsファイル jQueryファイルを読み込む方法
js ファイルや jQuery ファイルの読み込みはLInkタグではなく
functions.php に記述します。
function load_scripts {
//jQの場合
wp_deregister_script('jquery'); //WPが持つjQueryを利用しない
wp_enqueue_script(
'jquery',//読み込むJSを識別する名前（必須）
'//code.jquery.com/jquery-3.4.1.min.js'
);
//JS
wp_enqueue_script(
'script',//読み込むJSを識別する名前（必須）
get_stylesheet_directory_uri() . '/js/script.js',//JSファイルのパス
array('jquery'),//事前に読み込むJS識別名
'1.0',//バージョン番号： 例）JSファイルパスの後にバージョン番号のクエリ文字列を追加する
true//出力位置： true </body>直前に出力, false <head>内に出力
);
//フロントページ用JS
if (is_front_page()) {
wp_enqueue_script(
'front-page',
get_stylesheet_directory_uri() . '/js/front-page.js',
array('jquery'),
'1.0',
true
);
}
}
add_action('wp_enqueue_scripts', 'load_scripts');
