How to put my javascript in the footer
I just want to ask on how to print script 'javascript' at the footer using simple plugin. I'开发者_如何学编程m using WordPress 3.0 any ideas?
Use a functions.php file inside your theme template add this :
<?php
function add_this_script_footer(){ ?>
[YOUR JS CODE HERE]
<?php }
add_action('wp_footer', 'add_this_script_footer'); ?>
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);
Use a functions.php file inside your theme (or child theme if exists) template add this:
function add_this_script_footer() {
?>
<script>
`enter code here`
</script>
<?php }
add_action('wp_footer', 'add_this_script_footer');
Simply
- Upload your javascript file as a media, (the same way you will upload images and videos)
- Get the link to the file, (it will look something like this
http://your-domain.com/wp-content/uploads/2021/11/index.js
or different depending on the site settings you have. - At the bottom of your wordpress page, add a Custom HTML link block and type
<script src="/wp-content/uploads/2021/11/index.js"></script>
. Do not include the http://your-domain.com. - If you are adding more custom HTML code, make sure to add the script at the end of your html code.
And there you have it.
精彩评论