Yo en el Universo » wordpress

Cómo incrustar Flash en WordPress

David Bonilla — Wed, 11 Aug 2010 04:50:40 +0000

La semana pasada, escribí un artículo sobre los derechos de autor en el que quería incluir un vídeo de Blip TV que carecía de la opción para enlazar e incrustar directamente en tu blog. Ante esta barrera a mi creatividad, el hacker de todo a 100 que todos llevamos dentro se despertó en mí y pensé: “¡Qué memez es poner puertas al campo! Ahora abro el código fuente de la página donde he visto el vídeo y lo copio tal cual en la pestaña donde puedo editar directamente el HTML de los artículos. Nada se me resiste.“

Craso error. A la cuarta vez que copias el código HTML relacionado con el vídeo -que es una etiqueta como una casa- y te das cuenta de que al grabar el borrador del artículo ésta desaparece misteriosamente, empiezas a pensar que no te has pasado con las cervezas del aperitivo sino que tienes un problema.

Efectivamente, por seguridad, WordPress elimina automáticamente las etiquetas , lo que impide que puedas incrustar plugins en tu página, desde Flash a vídeo o molestos sonidos.

Puede ser una buena idea para el usuario tipo de WordPress, pero recordad amigos que ¡yo soy un hacker! Así que, en general prefiero gestionarme todo yo, MI (in)seguridad y las cosas que pongo en MI blog y, por supuesto, he encontrado una solución.

Existe una maravillosa y altamente desconocida aplicación web llamada vodpod, cuyo objetivo es crear tu propio canal de vídeos, importándolos de distintas fuentes (no sólo de YouTube vive el hombre) y pudiendo compartir dicho canal en tu blog, tu cuenta de Facebook o en Twitter.

CÓMO FUNCIONA VODPOD

Vodpod funciona como un profiláctico sobre cualquier widget Flash que encuentres en la red y lo que le hace tan maravilloso para publicar en WordPress son las siguientes características:

Tiene un widget que te permite capturar cualquier vídeo que aparezca en una página web de una forma muy sencilla.
Existe un plugin de WordPress, el Vodpod Embedder, que te permite incrustar tus vídeos capturados en tus artículos de una forma sencilla mediante la siguiente etiqueta:

[vodpod id=Video.ID_DE_TU_VIDEO&w=600&h=495&fv=]

Por supuesto, no todo es perfecto y yo he encontrado dos pequeños-grandes fallos:

En vodpod te proporcionan una API Key con la que puedes configurar el plugin de WordPress. Se supone que eso te permite buscar directamente en tu biblioteca, entre los vídeos que has capturado, pero, en realidad, no funciona. He probado a buscar los vídeos que he subido de todas las maneras posibles, pero nunca los encuentro. Así que toca copiar la etiqueta y pegar el ID del vídeo a mano. Bueno, tampoco es tan grave…
El widget que captura los vídeos de cualquier página web te permite publicar directamente el vídeo en tu blog de WordPress… Aunque lo único que he conseguido yo es que, efectivamente, publique un nuevo artículo; pero con un enlace al vídeo, no una etiqueta con el vídeo en sí.

De modo que, finalmente, la secuencia que he probado y FUNCIONA para poder publicar cualquier cosa en Flash en vuestro WordPress es:

Crearos una cuenta en vodpod
Instalar y activar el plugin Vodpod Embedder
Capturar el vídeo que deseéis publicar en vuestra colección de vodpod
Insertar una etiqueta como la que os he copiado arriba en el artículo donde queráis incrustar el vídeo
Sustituir el texto ID_DE_TU_VIDEO por el ID del vídeo en vodpod

Ale, a disfrutar…

Cómo insertar código fuente en tus entradas de WordPress

David Bonilla — Tue, 08 Jun 2010 06:00:12 +0000

La semana pasada terminé mi serie sobre bloqueos y transacciones con EJB3.1 y JPA2. Uno de los motivos por los que tardé tanto en concluirla fue que no conseguí hacer funcionar correctamente ningún plugin para incrustar código fuente en los artículos de WordPress.

Si, siempre quedaba la última opción: copiar el texto y grabarlo como preformateado, pero eso, básicamente, sólo implicaba cambiar la fuente y el tamaño del texto.

Afortunadamente para mi y los lectores de este blog, el amigo Alberto Peña acudió al rescate y me aconsejo que utilizara los Gist de gitHub para solucionar el problema.

¿Que qué eso de un Gist? Pues una forma muy sencilla de compartir fragmentos de código con otros. La forma de utilizarlos es muy sencilla:

Lo creas, copiando y pegando el código que quieras compartir
Lo guardas
Utilizas el código que te proporcionan para utilizarlo en cualquier sitio

Sencillo ¿verdad? Por supuesto, también puedes modificarlo en un futuro o incluso configurar las opciones de visibilidad del mismo.

Para poder utilizarlo en tu blog de WordPress, sólo hay que seguir los siguientes pasos:

Instalad este hack del plugin de Paul William
- Cread un subdirectorio que se llame /gistson
- Grabad el Gist del enlace del hack como gistson.php dentro del subdirectorio anterior
- Copiad el subdirectorio dentro del directorio /wp-content/plugins de vuestra instalación de WordPress
- Modificad el fichero header.php de vuestro tema de WordPress para que incluya este enlace a la CSS de los Gist dentro de la etiqueta :
Cuando queráis insertar un Gist con vuestro código en algún artículo utilizareis la siguiente notación: [gist id="X" nometa="true"] donde el id será el ID del Gist que hayáis creado y nometa indicará si queréis o no que incluya metadatos.

Como resultado obtendréis algo parecido a esto:

[gist id="422422" nometa="true"]

Facile e divertente…

Webs que te facilitan la vida (VIII): printfriendly.com

David Bonilla — Wed, 24 Feb 2010 05:50:38 +0000

¿Quién no ha tenido la necesidad de leer una página web offline? La mayoría de la gente imprimía, sin más, las páginas web, pero algunos usuarios avanzados, hacíamos un copy & paste masivo a un procesador de textos, o utilizábamos una de las muchas impresoras-virtuales-que-no-imprimen-realmente-sin-que-generan-un-pdf. El resultado no era el deseado en la mayoría de las ocasiones: también se imprimían los banners, o el texto quedaba descuadrado o se colaban misteriosas hojas en blanco que aparecían de repente…

Algunas webs comenzaron a incluir en sus contenidos un enlace o botón de Print Friendly que presentaban los contenidos en un formato más “amigable” para la impresión.

Ahora nace una fantástica web que nos permite guardar el contenido de una página en un formato más apropiado para su almacenamiento en PDF o su impresión directa: printfriendly.com

Su funcionamiento es muy sencillo: introducimos la dirección del contenido web que deseamos obtener en un formato “amigable para impresión” y, mediante un fantástico editor, nos permite eliminar rápida y cómodamente, imágenes o párrafos completos de la previsualización de la página.

Una vez que hemos formateado el contenido tal y como deseamos, nos permite guardarlo con PDF o imprimirlo directamente por impresora.

Hay muchos sitios que tienen una función similar. Lo que hace especial a printfriendly.com es que funciona bien, muy bien.

Además, proporciona scripts para que podamos incrustar botones de “print friendly” en nuestra web. He incluso tiene un plugin específico para WordPress.

Generar PDFs con el contenido de nuestras páginas web favoritas nunca ha sido tan sencillo.

La web de todos (2ª parte): El desarrollo técnico

David Bonilla — Fri, 08 Jan 2010 06:15:47 +0000

Continuación del artículo La web de todos (1ª parte), publicado en este mismo blog, sobre las motivaciones y objetivos de la creación de la web de SIXSERVIX

3. EL DESARROLLO TÉCNICO

Teníamos claro que necesitábamos ayuda en el diseño. No hay nada más horrible que una web diseñada por programadores :). Desde que Luismi se marchó para emprender nuevas aventuras, no teníamos un diseñador en nuestras filas, así que, contactamos con la gente de abast, de la que teníamos muy buenas referencias y cuyo portfolio nos encantó y encajaba con lo que nosotros buscábamos.

La idea original era que ellos se encargaran del diseño puro y duro y nosotros de la programación necesaria, pero en seguida nos advirtieron de que podían hacerse cargo de todo utilizando WordPress como base de desarrollo. Aceptamos, a pesar de los recelos iniciales por el uso de PHP -lenguaje en el que está programado WordPress-, no porque fuéramos unos talibanes de java (nos gusta considerarnos desarrolladores no desarrolladores java) sino por nuestro desconocimiento del lenguaje.

Enseguida pasamos a WordPress Mu, que se distingue de una instalación normal de WordPress por soportar múltiples blogs y usuarios. Justo lo que nosotros necesitábamos.

Una consecuencia directa del uso de WordPress fue la obligación de instalar y usar una base de datos MySQL. Aunque hicimos un tímido intento por conseguir que funcionara en nuestra instalación de Oracle, sólo echar un vistazo a la documentación de instalación de WordPress nos hizo desistir.

Así, actualmente la web funciona sobre un servidor Apache con PHP 5 instalado y está soportada por una BBDD MySQL. La verdad, funciona un poco como el protagonista de ‘About a Boy,‘ es la ‘Ibiza’ de nuestras aplicaciones: es joven, moderna, cool… y está aislada del resto. Uno de nuestros retos es integrarla con todo nuestro ecosistema de aplicaciones, especialmente, Confluence.

Pinche aquí para ver el vídeo

Y hablando de Confluence, también pensamos en desarrollar la web entera sobre dicha plataforma, pero los propios chicos de Atlassian no lo recomendaban -al menos para lo que nosotros pretendíamos- así que desistimos.

Por supuesto, no es el entorno técnico definitivo y deseado, pero cumple y nos ha permitido “asomar la cabeza al mundo” y empezar a contar nuestras cosas a los que quieran escucharnos. En un futuro, tendremos que integrar todo en java, en un único gestor de contenidos y con un mayor pool de funcionalidades integradas. Intentamos ser muy pragmáticos: es mejor tener algo, que no tener nada esperando a desarrollar la web definitiva.

En el próximo artículo, hablaré de visitas, tráfico, SEO… y de mi blog.