2010-11-19 19 views
28

Solo quiero preguntar sobre cómo imprimir el script 'javascript' en el pie de página usando un plugin simple. Estoy usando WordPress 3.0 alguna idea?Cómo poner mi javascript en el pie de página

+0

También puede obtener el mismo aumento de rendimiento agregando una etiqueta 'defer' a sus scripts - consulte https://matthewhorne.me/defer-async-wordpress-scripts/ – diachedelic

Respuesta

71

utilizar un archivo functions.php dentro de su plantilla tema de añadir lo siguiente:

<?php 

function add_this_script_footer(){ ?> 

[YOUR JS CODE HERE] 

<?php } 

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

espero que ayude!

+9

Sweet. Gracias. Además, si desea asegurarse de que se carga después de otra secuencia de comandos, (es decir, JQuery) puede agregar una prioridad como: 'add_action ('wp_footer', 'add_this_script_footer', 20);' –

+0

Para incluir js código en pie de página de administrador, se puede usar la acción 'admin_footer'. – sudip

+1

Gracias @EricG por el 3er parámetro. – roshan

22

Para un archivo JavaScript externo a vincularse en el pie de página, utilice este (> = 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'); 

que duran cierto significa que la secuencia de comandos se debe poner en el wp_footer() gancho.

10

Hum puede ser que sea demasiado tarde para responder, pero si alguien viene aquí con el mismo problema:

Hay un plugin para hacer esto: http://wordpress.org/extend/plugins/footer-javascript/

O puede hacer esto manualmente mediante la adición este breve código en su 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

Esto también mueve los estilos al pie de página – diachedelic

Cuestiones relacionadas