Italiano
Română
РусскийCómo Vincular archivos externos de jQuery/Javascript con WordPress
Estoy usando Starkers como base para mi próximo tema de WP y me he encontrado con un pequeño problema. Estaba incluyendo mi propia versión de jQuery en el archivo header.php, pero al inspeccionar mi sitio usando Firebug noté que jQuery se estaba descargando dos veces. Investigué un poco y me di cuenta de que no solo yo estaba incluyendo el archivo, sino que también lo hacía la función wp_head().
Al intentar solucionar el problema, noté un comentario en el archivo header, que originalmente proviene del tema Twenty Ten:
/* Siempre debe tener wp_head() justo antes de la etiqueta de cierre </head>
* de su tema, o romperá muchos plugins, que
* generalmente usan este gancho para agregar elementos a <head>, como
* estilos, scripts y metaetiquetas
*/
Aquí está mi problema: tengo entendido que el archivo jQuery debe establecerse antes que cualquier otro archivo que quiera usarlo y que wp_head() debe ser lo último en el elemento <head>. Estoy un poco confundido ahora porque me pregunto si debería poner wp_head() en la parte superior para que el archivo jQuery incluido en WP se use para todos mis plugins, aunque dice que no lo haga.
Comenté la línea de jQuery en la función wp_head(), pero es necesaria para la página de administración, así que tuve que volver a incluirla.
¡También me gustaría usar (al menos experimentar) con la versión de jQuery del CDN de Google, pero no quiero incluirla dos veces!
Espero que entiendan lo que estoy tratando de explicar. Cualquier sugerencia sobre cómo puedo resolver este problema sería muy apreciada. También agradecería cualquier consejo sobre cómo manejan sus archivos JavaScript en el archivo header.
¡Gracias!
Tienes razón en pensar que estoy añadiendo scripts usando la etiqueta <script>, esta es la alternativa que estaba buscando, ¡muchas gracias! :-)
Ben Everard
Si quieres añadir tu script solo en el front-end, engancha a 'template_redirect' en lugar de 'init'.
John P Bloch
Buen material, actualizaré mi respuesta. Casi sugiero envolver el enqueue en is_admin().
User
Generalmente encolo los scripts en el archivo de plantilla arriba del get_header(), hacerlo en el functions.php lo encolará en cada página, lo cual puede no ser necesario. Si tengo uno global, lo encolo en header.php antes de que se llame a wp_head(). De esa manera, los encolados están donde esperarías encontrarlos en el <head>
Joe Hoyle
A veces es mejor agregar los scripts al final de la página. Es el último parámetro de http://codex.wordpress.org/Function_Reference/wp_enqueue_script (5to, $in_footer), configúralo como true. Un poco de información para aquellos que necesitan más control.
hakre
Esta es en realidad una mejor respuesta, ya que muestra cómo encolar la versión de jQuery desde la CDN de Google. Aunque, como sugirió John en otro lugar, si solo quieres hacer esto en el front-end, engancha a template_redirect en lugar de init.
EAMann
Buen punto sobre dónde se carga. Aunque en realidad, el área de administración también utiliza jQuery, ¿verdad? De cualquier manera, gracias por mostrar cómo controlarlo.
Travis Northcutt
Sí, acabo de encontrar el post de 5 consejos para jQuery/WP, gracias por tu respuesta :-)
Ben Everard
5 consejos para usar jQuery con WordPress -- el enlace ya no funciona.
hakre
NOTA: El ejemplo incluye una versión "antigua" de jQuery, la versión actual de WP (3.0.1) usa jQuery 1.4.2...
t31os