How to put my javascript in the footer How to put my javascript in the footer wordpress wordpress

How to put my javascript in the footer


Use a functions.php file inside your theme template add this :

<?phpfunction add_this_script_footer(){ ?>[YOUR JS CODE HERE]<?php } add_action('wp_footer', 'add_this_script_footer'); ?>

Hope it helps!


For an external javascript file to be linked in the footer, use this (>= WP2.8)

function my_javascripts() {    wp_enqueue_script( 'the-script-handle',                        'path/to/file.js',                        array( 'jquery','other_script_that_we_depend_on' ),                        'scriptversion eg. 1.0',                        true);}add_action( 'wp_enqueue_scripts', 'my_javascripts' );

That last true means that the script should be put at the wp_footer() hook.


Hum may be it's too late to answer, but if anyone else comes here with the same problem :

There is a plugin to do this : http://wordpress.org/extend/plugins/footer-javascript/

Or you can doing this manually by adding this short code in your functions.php :

/** * Automatically move JavaScript code to page footer, speeding up page loading time. */remove_action('wp_head', 'wp_print_scripts');remove_action('wp_head', 'wp_print_head_scripts', 9);remove_action('wp_head', 'wp_enqueue_scripts', 1);add_action('wp_footer', 'wp_print_scripts', 5);add_action('wp_footer', 'wp_enqueue_scripts', 5);add_action('wp_footer', 'wp_print_head_scripts', 5);