Page Cornr for October

En honor al mes de la lucha contra el cáncer de mama, Cathy Tibbles modificó mi plugin Page Cornr para que por defecto muestre la cinta rosa, representativa de dicha causa.

Me alegró mucho que le haya servido a alguien y que lo haya modificado por una causa tan importante, una causa que me toca de cerca y que realmente me emocionó :) .

Pueden bajarlo desde la página del plugin en WP.org.

WP Tuit: versión 0.9.4 y en WP.org

Acabo de terminar la versión 0.9.4 de WP Tuit y la subí al svn de WordPress.org, así que ahora lo pueden bajar desde la sección de plugins :mrgreen: » WP Tuit.

No hay mucho que decir, son pocos cambios:

  1. Le agregué un widget :D
  2. Ahora son dos funciones, una que es la original y la otra la usa el widget. De todas formas se puede usar esta última al editar el theme… si se quiere :P
  3. Para cambiar el estilo, se puede usar la clase .wp-tuit en la hoja de estilos (para <p /> y <ul />), aunque puede estar condicionado a los estilos superiores del theme :twisted: .

Y si, ya sé que me salté versiones, pero así “versiono” yo ;) .

Por último, para demostrar que confío en lo que hice, lo uso en mi blog :lol: .

Descarga: WP Tuit 0.9.4.

WP Tuit: mostrá tu último tuit

Pantallazo 1Hoy estaba aburrido y me puse a escribir otra forma de mostrar el último tuit de mi cuenta (si, obsesión :mrgreen: ). Pasé por PHP, después por jQuery y de nuevo a PHP. Una vez que lo tuve hecho, estuve divagando: “¿posteo el código? ¿o hago un plugin?”. Estaba por hacer el post con el código… pero cuando estaba a punto de hacerlo, pensé: “¿Por qué no complicarme haciendo el plugin?” :D .

Así que lo que ven en mi cabecera es el fruto de 2 horas de trabajo :P . Ya envié la solicitud al equipo de WordPress para hostear el plugin y que sea oficial, pero por ahora les pongo la información acá.

WP Tuit

Y si, WP Tuit, como me esforcé con el nombre, ¿no? :mrgreen:

Durante la programación me crucé con un par de problemas… pero la solución era tan tonta que me daba bronca no haberla pensado antes ¬¬

La instalación sigue siendo la misma… cosa fácil :P
Pantallazo 2

1. Subir wp-tuit.php a tu directorio /wp-content/plugins/
2. Activar el plugin mediante el menú Plugins de WordPress.
3. Ir a Opciones, WP Tuit y establecer el nombre de usuario de Twitter
4. Ir a Apariencia, Editor y escribir <php wp_tuit(); ?> donde quieras que aparezca tu último tuit.

Esta vez solo probé el plugin con WordPress 2.8.4… si no llega a andar en una versión anterior, se joden me avisan :) .

Descarga: WP Tuit.

Page Cornr: añade una esquina a tu blog :D

El otro día, leyendo un par de posts sobre diseño web, me encontré con este post de Soh Tanaka, en el que se explica como hacer un efecto de esquina plegada (page peel) con CSS y jQuery.

Pantallazo 1

Así se ve normalmente...

Bueno, después de implementarlo en un diseño que hice (tengo que terminarlo aún) me decidí a hacer un plugin para WordPress que terminé hoy. En tres días, tres versiones, así que la que está disponible en el repositorio de plugins es la 0.3 0.3.1 0.3.6 (Actualización: Ahora viene con el png fix para IE 6 :D ).

Page Cornr

Pues si, lo llamé Page Cornr :D .

Durante la adaptación de esta técnica a WordPress tuve un par de problemas, más que nada con javascript, tuve que modificar el js de Soh Tanaka para que funcionase con la versión de jQuery incluida en nuestro gestor de blogs favorito :) (le añade una línea al final del archivo que me ocasionó molestias hasta que me di cuenta). También tuve que sortear otro “problema”: para instalar el plugin había que modificar el theme que se esté usando. Lo solucioné con una función de WordPress para incluir Page Cornr en el pie de página (es sólo ubicación, la esquina siempre estará en la parte superior, a menos que editen el archivo CSS incluido).

Pantallazo 2

...y así cuando se pasa el mouse por encima

En la carpeta images/ del plugin están las imágenes que deben modificar a su gusto y los archivos .psd que capaz les sirvan ;) .

La instalación es igual a la de cualquier otro plugin:

1. Subir el contenido del archivo page-cornr.zip al directorio /wp-content/plugins.
2. Activar el plugin mediante el menú Plugins de WordPress.
3. Ir a Opciones, Page Cornr Options, donde podrán configurar el enlace de la esquina y el texto alternativo.

La próxima versión les llegará localizada: incluiré la traducción al español junto con los archivos para que puedan traducirlo al idioma que quieran. Debería estar lista la próxima semana (exámenes :? ).

Lo probé con WordPress 2.7.1, 2.8.1 y 2.8.2, por lo que seguramente no van a tener problemas, cualquier cosa me chiflan :P .

Descarga: Page Cornr.

Hasta la próxima! :D

Actualización: si el CSS de su theme establece un width para <body> (por ejemplo: body { width: 900px; }) la esquina no estará pegada al borde del monitor, ya que si bien usa position: absolute; top: 0; rigth: 0; para controlar la posición, al redimensionar <body> se pierde ese control.