22 diciembre 2024

¿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

Siguenos por Twitter a través de @Geeksroom y no te pierdas todas las noticias, cursos gratuitos y demás artículos. También puedes seguirnos a través de nuestro canal de Youtube para ver nuestros vídeos, a través de Instagram para ver nuestras imágenes! O vía Bluesky si ya estás cansado de Twitter

Andrea Cummins

Andrea Cummins Es Senior Editor de GeeksRoom. Estudió Ciencias de la Computación en la facultad de Cs Exactas de la Universidad de Buenos Aires. Hace 23 años que vive en el campo, en la ciudad de Venado Tuerto, Santa Fe y gracias a Internet, pudo seguir actualizándose con las nuevas tecnologías. A medida que pasó el tiempo se fue capacitando de manera autodidacta y participando en Congresos y Cursos. Su empresa se llama VenadoSoft. Su hobbie es la fotografía y le encanta mostrar su ciudad y su gente a través de su lente.

Ver todas las entradas de Andrea Cummins →