En este tutorial veremos como crear un Widget para Wordpress. Pondremos como ejemplo el Widget "Editores de Ruta Relativa" (puedes verlo en nuestro sidebar), en el que mostraremos los editores del Blog con sus últimas X entradas publicadas. La explicación del código se encuentra comentada en los archivos, aquí mostrare sólo de forma global como crear un Widget.

¿Que necesitamos para empezar a crear nuestro Widget?

Necesitamos ante todo disponer de un theme que soporte Widgets, tal y como aprendimos en el tutorial "Wordpress: Crear theme para usar Widgets". Recomiendo hacer las pruebas en nuestro servidor local por las posibles incidencias que podrían ocurrir mientras realizamos nuestro Wiget y una vez terminado se actualizaría en el servidor de producción. Podremos continuar cuando tengamos un theme que soporte Widgets.

Mozilla ha presentado la nueva versión de su software Personas, la versión 2.0. Ésta incluye notorias actualizaciones como la inclusión de favoritos, lo más nuevo o reciente, e incluso una categorización de los skins. Despues de ocho meses de trabajo y con ayuda del feedback de usuarios han podido sacar esta nueva versión. Pero antes...

¿Que es Personas de Mozilla Firefox?

Es un plugin creado por los de Mozilla Labs que pretende crear una mayor experiencia de usuario en la web, proponiendo cambiar el aspecto del navegador por uno personal que diseñemos o escogiendo uno de los más de 35.000 diseños disponibles en la web. Si usas Mozilla Firefox, puedes pasarte por la web oficial de Personas e instalarte el plugin, ver y compartir los diseños o skins.

<!-- function demo() { var file = document.createElement( "script" ); file.setAttribute( "type", "text/javascript" ); file.setAttribute( "src", "http://www.rutarelativa.com/files/wpmoosnow/moosnow.js" ); document.getElementsByTagName("head")[0].appendChild( file ); file.onreadystatechange = function () { if (file.readyState == 'complete') var snow = new mooSnow({container: $("cbcr")}); }; file.onload = function () { var snow = new mooSnow({container: $("cbcr")}); }; $("web").scrollIntoView(true); } -->

Ya estamos en época estival, en breve comienza la Navidad y lo que ello conlleva: compra de objetos decorativos para el hogar, el árbol e incluso los hay que visten sus mascotas para la ocasión. Vuestro blog no podría ser menos y ahora podrá lucir un aspecto más Navideño. Hemos realizado un plugin efecto nieve en Mootools para Wordpress con un efecto de copos de nieve cayendo desde el "cielo".

¿Pero ya existen muchos plugins efecto nieve, no?

Si es verdad, pero este efecto nieve en Mootools está actualizado a la última version de Mootools 1.2.4 por Dimitar Christoff y creado por Rutarelativa para Wordpress de forma que sea mucho más fácil la instalación y además es muy configurable. Por eso este este es tu plugin perfecto para mostrar efecto nieve en Wordpress y tener tu blog listo para las Navidades.

Puntos a favor de WpMooSnow Instalación sencilla con tan sólo un par de clics. Configuración en el panel de administración donde es posible cambiar colores, fuentes y efectos. Está testeado y es compatible con los exploradores IE6+, Firefox 2.0+, Opera 9+, Safari Windows 3.2.1+ y Google Chrome 2.0+. Me gustaría ver en acción el efecto nieve en una demo

Puedes ver una demo del plugin efecto nieve en Mootools para Wordpress funcionando.

<!-- function demo() { var file = document.createElement( "script" ); file.setAttribute( "type", "text/javascript" ); file.setAttribute( "src", "http://www.rutarelativa.com/files/wpmoosnow/moosnow.js" ); document.getElementsByTagName("head")[0].appendChild( file ); file.onreadystatechange = function () { if (file.readyState == 'complete') var snow = new mooSnow({container: $("cbcr")}); }; file.onload = function () { var snow = new mooSnow({container: $("cbcr")}); }; $("web").scrollIntoView(true); } -->

Algunos usuarios ya disfrutan del plugin WpMooSnow que incluye en tu blog de Wordpress un bonito efecto nieve, pero sólo funcionaba para los usuarios de la librería para javascript llamada Mootools. Existe un gran número de usuarios que utilizan en lugar de Mootools la librería JQuery, y es por eso por lo que hemos querido adaptar este plugin para esos usuarios.

Ya, pero yo uso Mootools, ¿que hago?

Dirígete al post donde hablamos sobre el plugin y ahí te informamos de todo.

Me gustaría ver en acción el efecto nieve en una demo

Puedes ver una demo del plugin efecto nieve en JQuery para Wordpress funcionando.

Navegando por Delicious he encuentrado un plugin para realizar una galería en Jquery que muestra imágenes en pantalla completa que incluye un sistema de navegación con un diseño simple y claro. Para todos los que busquéis una galería de imágenes en Jquery, esta es una buena opción a tener en cuenta. Lo que realiza es:

Redimensiona las imágenes al tamaño de la ventana del navegador para que se visualizen en pantalla completa. Temporizador entre imágenes con transiciones y precarga entre ellas. Control de navegación para realizar pausa / play / hacia delante y atrás

A mi personalmente me encanta, el único problema que le veo es el gran consumo de CPU al pasar de una imagen a otra; supongo que la resolución de pantalla dependerá de esto al tener que redimensionar las imágenes al tamaño del explorador. Podéis ver la demo vosotros mismos para poder decidir antes de añadirlo a vuestros proyectos.

Fuente: Supersized: Galería de imágenes en Jquery.