2010-11-19 2 views
28

Voglio solo chiedere come stampare script 'javascript' al piè di pagina usando un semplice plugin. Sto usando WordPress 3.0 qualche idea?Come mettere il mio javascript nel footer

+0

È inoltre possibile ottenere lo stesso guadagno di prestazioni aggiungendo un tag 'defer' ai propri script - consultare https://matthewhorne.me/defer-async-wordpress-scripts/ – diachedelic

risposta

71

utilizzare un file functions.php all'interno del vostro modello di tema aggiungere questo:

<?php 

function add_this_script_footer(){ ?> 

[YOUR JS CODE HERE] 

<?php } 

add_action('wp_footer', 'add_this_script_footer'); ?> 

Speranza che aiuta!

+9

Sweet. Grazie. Inoltre, se si vuole assicurarsi che si carichi dopo un altro script, (ad esempio, JQuery) è possibile aggiungere una priorità in questo modo: 'add_action ('wp_footer', 'add_this_script_footer', 20);' –

+0

Per includere js codice in admin footer, può essere usata l'azione 'admin_footer'. – sudip

+1

Grazie a @EricG per il terzo parametro. – roshan

22

Per un file JavaScript esterno da collegare a piè di pagina, utilizzare questo (> = 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'); 

che durano vero significa che lo script dovrebbe essere messo al wp_footer() gancio.

10

Hum può essere che sia troppo tardi per rispondere, ma se qualcuno viene qui con lo stesso problema:

C'è un plugin per fare questo: http://wordpress.org/extend/plugins/footer-javascript/

Oppure si può fare questo manualmente con l'aggiunta di questo breve codice nel tuo 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); 
+0

Ciò sposta anche gli stili sul piè di pagina – diachedelic