¿Dónde ubicar los archivos de inicialización de javascript en WordPress?

javascript-flickr

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

Síguenos en las redes sociales para estar al día con todas las noticias, cursos gratuitos y demás artículos interesantes. Aquí te dejamos varias opciones:

* En Twitter, nos encuentras como @Geeksroom.
* Para vídeos, suscríbete a nuestro canal de Youtube.
* En Instagram, disfruta de nuestras imágenes.
* También podrás disfrutar de Geek's Room a través de Pinterest.