Después de pelear con el editor de wordpress para agregar un google wave a un post, decidí que era demasiado problemático para el usuario normal, y me animé y creé mi primer plugin wordpress: Wavr, un plugin para integrar google wave con WordPress. No esta nada mal para ser la primera versión (hecha en unas pocas horas).

Antes que nada

Este plugin solo funcionará para gente con acceso al sandbox de google wave. Para ver el wave hay que estar logueado dentro del sandbox, si no, mostrará un texto diciendo que entres. Cuando wave este disponible para usuarios en general, se actualizará este plugin para que funcione para cualquier visitante.

Como Instalar

Directamente desde tu WordPress podes agregarlo, busca wave, google wave o wavr y te aparece en la lista, le das instalar y listo. Si no, se puede descargar desde http://wordpress.org/extend/plugins/wavr/ e instalar a mano (descomprimir dentro de la carpeta plugins).

Configuración

La configuración es totalmente opcional. Se pueden cambiar las opciones por omisión de color de letra, color de fondo, tipo de letra y tamaño de letra. Eso es todo lo que el API  de Wave Embed nos deja cambiar.

Cabe aclarar que estas opciones son las que se usarán si no especificamos un valor en nuestro post.

Como se usa

Para insertar un wave en un post, simplemente hay que agregar un short tag de la siguiente forma

Esto  embebe el wave con las opciones default.

Opciones

Además de id (requerido) se pueden agregar otros atributos opcionales al shortcode, en la versión actual (0.1.3) estas opciones:

• bgcolor: El color de fondo para tu wave, para hacerlo coincidir con tu fondo.
• color: El color de texto normal del wave.
• font: El tipo de fuente a usar.
• font_size: El tamaño de fuente, solo un número, expresado en points (pt))

Ejemplo Completo

Por ahora eso es todo lo que el api de wave embed nos permite personalizar. Cuando haya más opciones, serán agregadas al plugin.

Futuro

El plan es agregar todas las opciones disponibles para embed, asi como un widget para poder embeber un wave en tu sidebar.

Código Fuente

El código fuente de este plugin está en el mismo plugin y en el svn de wordpress que se puede acceder desde aca: http://plugins.trac.wordpress.org/browser/wavr/ la licencia es GPLv3 y se aceptan sugerencias :)

Feedback

Si algún waver con acceso al sandbox quiere probarlo en su wordpress estaré sumamente agradecido! Asimismo, cualquier comentario o sugerencia  es muy útil y alentador.

Popularity: 11% [?]

Por fin! Tengo mi cuenta para desarrolladores de Wave! a jugar un rato, ponerme comodo y probar las funcionalidades. Luego, a hacer algo interesante. Alguna idea o sugerencia? sera bienvenida.
Por lo pronto, una fácil:

Cómo embeber un wave en tu blog:

1. necesitas el id de tu wave (en mi ejemplo: MNJWKLNa%A)

2. agregar el codigo siguiente en html reemplazando el id por el de tu wave. Este paso es el mas peligroso, porque el editor del blog (tinymce) se ocupa de tratar de “mejorar” el codigo y generalmente rompe lo que uno escribe. La solucion fue poner la vista html y escribir el codigo solito :D

<div id="waveframe"></div>
<script src="http://wave-api.appspot.com/public/embed.js" type="text/javascript"></script>
 <script type="text/javascript">
      var wavePanel = new WavePanel('http://wave.google.com/a/wavesandbox.com/');
       wavePanel.loadWave('wavesandbox.com!w+MNJWKLNa%A');
       wavePanel.init(document.getElementById('waveframe'));
</script>

Como ven lo unico que hace esto es crer un wavePAnel, usar el metodo loadWave con en id y lo inicializa en el elemento cuyo id le pasamos. Muy simple y poderoso.

El resultado final:

Con estas simples lineas ya tenemos nuestro wave embebido en nuestro blog. Dejo aca mi ejemplo, sujeto a disponibilidad por parte de los servidores de google:

Edit: Solo funciona para usuarios de la sandbox :S.
Edit2: Como todavia es medio pesado, para que no te cuelgue el navegador, hace click aca para activarlo o desactivarlo

Popularity: 6% [?]