Italiano
Română
РусскийCómo cargar jQuery de WordPress en la sección <head>
En mi blog de WordPress incluí un slideshow basado en javascript en la parte superior que funciona bien. Tengo un archivo PHP que genera el javascript necesario que debe ir en la etiqueta <head> mediante un "add_action" en el archivo functions.php de mi tema hijo:
function add_slideshow_js() {
include('/path/slideshow_output.php');
echo $js_output;
}
add_action( 'wp_head', 'add_slideshow_js' );
El javascript que genera este PHP incluye una llamada al archivo javascript controlador:
<script src="path/slideshow.js" type="text/javascript"></script>
... seguido por el javascript que crea el slideshow de la página.
Todo funciona muy bien y se ve genial. Lo cierto es que depende de jQuery, pero funcionaba bien, así que me pregunté cómo se estaba incluyendo jQuery realmente.
Desactivé todos mis plugins y dejó de funcionar. Así que obviamente uno de ellos estaba incluyendo jQuery y permitiendo que funcionara.
Pero pensé que me gustaría asegurarme de que jQuery esté incluido, sin depender de un plugin, ya que podría eliminar el plugin vital en algún momento en el futuro, y por supuesto, todavía querría que el slideshow funcionara.
Entonces, con todos los plugins desactivados, pensé en incluir jQuery explícitamente yo mismo, escribiendo esta función en el archivo functions.php de mi tema hijo:
function insert_jquery(){
wp_enqueue_script('jquery');
}
add_filter('wp_head','insert_jquery');
Ahora, eso sí incluye jQuery, pero se carga en el footer, y al experimentar descubrí que el slideshow solo funcionará si jQuery se carga dentro de la etiqueta <head>.
Podría escribir una función para llamar a mi propio archivo jQuery, pero tengo la impresión de que es mejor usar el jQuery incluido con WordPress, y en cualquier caso, pensé que reactivar los plugins haría que jQuery se llamara dos veces.
Entonces, ¿qué función puedo escribir en el archivo functions.php de mi tema hijo que cargará de manera confiable el jQuery de WordPress en la sección <head> de la página?
Espero que todo esto tenga sentido.
Descubro que incluir este código exacto de función en el archivo functions.php de mi tema hijo coloca jquery exitosamente en el <head> nuevamente y así reactiva mi slideshow. Eso es genial, pero sigo desconcertado, ya que parecías implicar que su propósito era evitar que algún plugin 'rebelde' colocara jquery en el footer - pero todos mis plugins están desactivados. Entonces, ¿qué está anulando?
John Doe
Simplemente está añadiendo el script en el header que es necesario para que tu slideshow funcione, pero como algunos de tus plugins lo estaban añadiendo en el footer (ya que puede que alguna funcionalidad de esos plugins necesite este script en el footer) no funcionarán correctamente.
Vinod Dalvi
No veo qué puede estar forzando a que jquery se cargue en el footer cuando cada uno de mis plugins está desactivado. ¿Pueden hacer eso mientras están desactivados?
John Doe
No, no hacen eso al desactivar. Intenta cambiar el tema a otro como el tema predeterminado twentytwelve y luego compruébalo.
Vinod Dalvi
Cambiar de tema no hace diferencia. Para resumir, con todos los plugins desactivados, un intento de agregar jquery con function insert_jquery(){
wp_enqueue_script('jquery');
}
add_filter('wp_head','insert_jquery'); carga jquery en el footer, mientras que usar el código anterior lo carga en la etiqueta <head> como debería hacerlo. No entiendo este comportamiento.
John Doe
Entiendo que necesito investigar y aprender los problemas del "panorama general" que señalas, pero me desconcierta cómo el plugin 'rogue' aún puede hacer que jquery se cargue en el footer cuando todos los plugins han sido desactivados temporalmente.
John Doe
Si no es el plugin, entonces es el tema o, menos probable, un mu-plugin. La respuesta de @VinodDalvi apoya la idea de que jQuery se carga en el head por defecto.
s_ha_dum