Desde que empecé a trabajar con WordPress eché de menos poder usar jQuery en las entradas y las páginas del blog. A nivel de tema está muy bien, pero hay ciertas operaciones que sólo son necesarias en un determinado lugar del blog, por lo que no es conveniente que el script esté en funcionamiento a nivel de tema, sino a nivel de la entrada o página donde queremos usarlo.
Para poder usar jQuery dentro de los post y páginas de WordPress necesitamos:
- Plugin Raw HTML
- Enlazar jQuery a nuestro blog (obvio)
- Usar jQuery en modo seguro junto con el plugin RAW HTML
1. El plugin RAW HTML nos permitirá ejecutar código directamente en nuestros post y páginas de WordPress saltándodes las restricciones por defecto que impiden cierto código HTML, javascript y CSS. Para utilizarlo tan sólo tendremos que marcar nuestro código entre los comentarios del plugin:
<!--start_raw--> /* mi codigo */ <!--end_raw-->
2. Usaremos cualquiera de las formas de inserción de la librería jQuery en nuestro blog WordPress
3. Usaremos jQuery en modo seguro para evitar conflictos, dentro de los comentarios de RAW HTML. El modo seguro implica cambiar el símbolo del dólar $() por jQuery()
Podemos ejecutar el script directamente en cualquier punto de la entrada o página:
<!--start_raw-->
<script type="text/javascript">
jQuery('p').click(function(){slideUp('fast');});
</script>
<!--end_raw-->
O enlazar hacia un script (donde también tendremos que usar jQuery en modo seguro):
<!--start_raw--> <script type="text/javascript" src="url_hacia_script.js"></script> <!--end_raw-->
Si queremos usar el dólar $(), podemos hacerlo así, de forma segura:
jQuery(function($){
/* nuestro código usando $() */
});
Bibliografía