WordPressでJavaScriptの読み込み方法

今回はWordPressでJavaScriptを使うための方法を紹介します。
JavaScriptを読み込む方法は複数ありますが、もっともオーソドックスな方法つかっていきます。

functions.phpにjsファイルを読み込ませる

functions.phpに下記のコードを記述してきます。

// JavaScript読み込み

function enqueue_js () {
  wp_enqueue_script( 'script', get_template_directory_uri() . './js/test.js' );
}


add_action( 'wp_enqueue_scripts' , 'enqueue_js' );

このコードで読み込むことができたので次に確認をしていきます。

JavaScriptが読み込まれているか確認

test.jsにalert(‘Hello’);　と記述します。

alert('Hello JS');

うまく表示することができました。