Introduction

This tutorial is about “how to properly add JavaScript into WordPress”

How to

We are going to use wp_enqueue_script wordpress function. More detail about the function at https://developer.wordpress.org/reference/functions/wp_enqueue_script/

You have to add this code into your function.php and change the path to your javascript according to your file location.

Sample Code

add_action('wp_enqueue_scripts', 'wpdocs_scripts_method');

/*
* Enqueue a script with the correct path.
*/
function wpdocs_scripts_method() {
wp_enqueue_script(
'custom_script',
get_template_directory_uri() . '/js/custom_script.js',
array('jquery')
);
}

You are done!

Leave a Reply