Cuando estamos trabajando con Javascrip, la primera tentación es ubicar las llamadas de inicialización a los archivos. js de los scripts , en la cabecera, editando el archivo Header.php y ubicándolos allí. Pero esto hace que la carga de la página se ralentice, cuando lo primero que queremos es que todo se cargue rápidamente para que nuestros visitantes no se harten y se vayan.
¿Cuál es la mejor manera de hacerlo?
Editaremos el archivo functions.php de tu tema elegido y agregaremos unas funciones que nos servirán para registrar los scripts en la plataforma y luego los cargaremos en el footer.php de la siguiente manera:
Ojo: Recordá hacer un backup de todos los archivos que toques, para que no te de un infarto si hay algún error de codificación ;)
if (!function_exists('mis_scripts')) { function mis_scripts() { if (!is_admin()) { // Si quieres que cargue la copia de jQuery que está por defecto dejá comentadas las siguientes líneas //wp_deregister_script('jquery'); //wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', false, '1.11.2'); wp_register_script('mi-script-2', bloginfo('template_url')."/wp-content/themes/adaptativo/venobox/venobox.js", array(), '1.0', true ); wp_enqueue_script('mi-script-2'); } } } } add_action("wp_enqueue_scripts", 'mis_scripts'); // y luego lo agrego en el footer add_action( 'wp_footer','my_custom_footer_scripts' ); /// la función my custom footer script function my_custom_footer_scripts() { ?> <script> /// toda la llamada a los scripts que quieras </script> <?php }
Enlace | Code WordPress