How do I add a simple jQuery script to WordPress?

Solution for : How do I add a simple jQuery script to WordPress?

After much searching, I finally found something that works with the latest WordPress. Here are the steps to follow:

1) Find your theme's directory, create a folder in the directory for your custom js (custom_js in this example).

2)Put your custom jQuery in a .js file in this directory (jquery_test.js in this example).

3)Make sure your custom jQuery .js looks like this:

(function($) {
$(document).ready(function() {
$('.your-class').addClass('do-my-bidding');
})
})(jQuery);

4)Go to the theme's directory, open up functions.php

5)Add some code near the top that looks like this:


//this goes in functions.php near the top
function my_scripts_method() {
// register your script location, dependencies and version
   wp_register_script('custom_script',
   get_template_directory_uri() . '/custom_js/jquery_test.js',
   array('jquery'),
   '1.0' );
 // enqueue the script
  wp_enqueue_script('custom_script');
  }
add_action('wp_enqueue_scripts', 'my_scripts_method');

6) Check out your site to make sure it works!

No comments:

Post a Comment