Getting JS files into the footer Using - wp_enqueue_script

Fortunately, wordpress makes this pretty easy. It is basically a 3 step proccess.

1. Register your script in your JS function, inside of your functions.php file 2.Create a PHP if statement to check if the page is or is not this page. 3.Enqueue the script if the if statement is true.

So lets look at an example.

Let's say I have a static hfront page, and I have a slider on that page only. So I want my slider JS to only be attached in the footer on the static front. page. By default, Wordpress uses the file front-page.php for this static front page.

Keep in mind that home.php is the posts home page, different than the the static front page

So inside of my functions.php file, I might have something like this

//Load the theme javascripts
function theme_js() {
    //Register script for use on certain pages
    wp_register_script( 'slider', get_template_directory_uri() . '/js/slider.js', array('jquery'), '', true );
    //Conditionally load this JS. Check and see if we are on the front page.
        if ( is_front_page() ) {
            //If this evaluates to true, send this script
            wp_enqueue_script ( 'slider' );
        }
    //Framework script I want sent to every page
    wp_enqueue_script( 'bootstrapjs', get_template_directory_uri() . '/js/bootstrap.js', array('jquery'), '', true );
}
//Engueue our theme_js function
add_action( 'wp_enqueue_scripts', 'theme_js' );

There are lot's of ways to change is. If you wanted to send a script to to every page but the front-page.php you would check if it's NOT the front-page.php like so:

if ( !is_front_page() ) { }

Remember that the ! before a function means is not. Which means that statement says "If this is not the front-page..." and if that elevates true, it will do whatever is in the curly brackets.

To see all the different page check functions, start here, and towards the bottom of the page are all of the checks. http://codex.wordpress.org/Function_Reference/is_front_page

How do you make sure it gets sent to the footer?

Look at this http://codex.wordpress.org/Function_Reference/wp_register_script

And see that the very last variable you pass is a true or false whether you want it in the footer. The default is false so it places the script in the head. Pass it a true Boolean and it will instead place in in the footer.

And finally, in your footer.php file make sure you have <?php wp_footer(); ?> in that file, because WP will use that hook to bring in all of the enqueued scripts for the footer. Without it, no footer scripts will be brought into the page.