¿Cuál es la mejor manera de agregar jQuery al tema de WordPress de guiones bajos (_s)?

2 minutos de lectura

Esto puede parecer algo básico, pero no estoy seguro de cómo agregar jQuery (usando el CDN) en el guiones bajos Tema de inicio de WordPress. Busqué un poco pero realmente no encontré nada, así que esperaba que alguien aquí pudiera tener una respuesta para mí.

¡Gracias de antemano!

avatar de usuario
Rahil Wazir

El mejor método es usar la función de WordPress wp_enqueue_script() en su tema creado con guiones bajos functions.php expediente.

Encuentra la función <THEME_NAME>_scripts (dónde <THEME_NAME> es el nombre de su tema cuando se genera desde el sitio web de guiones bajos) y anteponga el código a continuación, en <THEME_NAME>_scripts función (antes que cualquier otra wp_enqueue_script)

// deregister default jQuery included with WordPress
wp_deregister_script( 'jquery' );

$jquery_cdn = 'https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js';
wp_enqueue_script( 'jquery', $jquery_cdn, array(), '3.4.1', true );

Los guiones bajos no enque ningún javascript que se base en jquery. Por lo tanto, una instalación predeterminada no cargará el jquery predeterminado en WordPress sin que se establezca como una dependencia al enquear un archivo javascript con wp_enqueue_script.

Un ejemplo de cómo cargar bootstrap en un guión bajo y cargar jquery desde WordPress es

wp_enqueue_script('bootstrap', get_template_directory_uri().'/assets/javascripts/bootstrap.min.js', array('jquery'),'v3',true);

Puedes hacer lo mismo con un archivo jquery de un CDN registrado en WordPress

Puede utilizar este fragmento en su encabezado.php o pie de página.php:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Esto utiliza jQuery alojado en Google.

Nota: WordPress se envía con jQuery, por lo que si está utilizando guiones bajos como tema de WordPress, jQuery ya estará en cola.

Árbitro: https://developers.google.com/speed/libraries/devguide#jquery

¿Ha sido útil esta solución?