Italiano
Română
РусскийCómo incluir correctamente los efectos jquery-ui en WordPress
He estado tratando de incluir los efectos de jQuery UI (más específicamente el efecto shake) en mi tema de WordPress. Hasta ahora, solo he podido incluir el script de jQuery, pero realmente no tengo idea de dónde colocar los scripts de UI y cómo encolarlos.
Este es el código que tengo. Obviamente no funciona:
<?php wp_enqueue_script("jquery"); ?>
<?php wp_enqueue_script("jquery-ui-core"); ?>
<?php wp_head(); ?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j("#manita-imagen").mouseover(function(){
//$j(this).animate({ opacity: "hide" })
// alert('asd');
$j(this).effect("shake", { times:3 }, 300);
});
});
</script>¡Gracias por tu ayuda!
Ten en cuenta que para un efecto real (blind, bounce, fade, etc.) debes encolar ese efecto explícitamente. Por ejemplo, para 'fade': wp_enqueue_script( 'jquery-effects-fade' );
SunnyRed
El usuario debería colocar su propio Javascript en un archivo separado y luego encolar ese archivo listando las dependencias que necesita. De esta manera, WordPress (y los plugins de rendimiento) sabrán el orden requerido para cargar estos scripts y los colocarán en el orden correcto en la página.
Dave Hilditch
No es exactamente cierto. Mientras los llame antes de la llamada wp_head(), debería funcionar bien. No necesitan estar enganchados, y no deberían estarlo a init de todos modos. Si vas a engancharlos en algún lugar, hazlo al action hook 'wp_enqueue_scripts'. Para eso está ahí.
Otto
@Otto Lo que dices suena lógico. ¿Pero tienes una explicación de por qué en el codex dice lo que escribió @EAMann - "Usa la acción init para llamar a esta función"? Y su ejemplo está tomado de ahí... http://codex.wordpress.org/Function_Reference/wp_enqueue_script
Lea Cohen
El codex es irregular en algunos lugares. La mejor acción para usar en este caso es 'wp_enqueue_scripts' para el front end, o 'admin_enqueue_scripts' en el back end. Enganchar a init funcionará, pero encolará innecesariamente el script en todo el sitio.
Otto
He actualizado mi fragmento de código en consecuencia. Originalmente era una reacción rápida basada en la referencia del Codex... usar wp_enqueue_scripts es definitivamente la mejor manera de proceder y evita necesitar una verificación adicional con is_admin().
EAMann
Esta también es la forma incorrecta - los plugins de rendimiento necesitan conocer las dependencias. El autor debería escribir su propio archivo .js y encolarlo nombrando las dependencias - WordPress se encargará del resto.
Dave Hilditch
Incluso puedes cargar todas las librerías jQuery desde la CDN de Google en lugar de desde tu propio sitio.
Jan Fabry
Desaconsejaría encarecidamente cargar scripts desde fuentes externas. Lo hice durante bastante tiempo y (en raras ocasiones) ocurrió que el host estaba caído, por lo que múltiples clientes tuvieron problemas con sus páginas al mismo tiempo.
Julian F. Weinert
@JulianF.Weinert es un arma de doble filo, con una buena CDN significa menor latencia pero falta de control si falla. Dicho esto, si la CDN de Google cae, la mitad de Internet fallará así que la tuya no será la única. Aunque las posibilidades de que esté caída y no esté en caché en el navegador del usuario son escasas. Para la mayoría de situaciones usar una CDN es beneficioso.
Alex
Cierto. No estaba hablando de un CDN completo, que, por supuesto, estaría perfectamente bien aquí, ya que está diseñado precisamente para ese uso. Sin embargo, cargar scripts desde cualquier john-doe.com me parece un poco arriesgado
Julian F. Weinert
No deberías usar el hook init para hacer colas de scripts. Usa el hook wp_enqueue_scripts solo para el front end o el hook admin_enqueue_scripts para el back end.
Otto
No sabía que la acción wp_enqueue_scripts es solo para el front end. Gracias :)
Tareq
¡Perfecto, gracias!
Dragi Postolovski
Pensé que podrías tener razón (a veces los nombres bajo los cuales WP registra los scripts son diferentes a los nombres estándar utilizados) pero en este caso registrar 'jquery-ui-core' debería funcionar. Está listado en http://core.trac.wordpress.org/browser/branches/3.0/wp-includes/script-loader.php#L121
goldenapples
¡Buen punto! Asumí que quería cargar solo esa biblioteca jQuery, en cuyo caso cargar el resto sería un poco redundante.
editor
Tienes razón. Usar dependencias en tus propias llamadas wp_enqueue_script es la forma correcta de incluir jquery/jquery-ui/etc. No hay necesidad de encolarlos por separado.
Michae Pavlos Michael
Y si los encolas por separado cuando tu script depende de ellos, tu script puede/va a romperse en sitios que optimizan el rendimiento - por ejemplo, si los scripts se combinan en uno solo para acelerar la carga, o si se difieren o minimizan (depende de la minificación pero el orden puede cambiar). Si no le has dicho a WordPress que tu script depende de otros scripts, no puedes garantizar el orden en el que cargarán.
Dave Hilditch