Usar el thumbnail de wordpress con Facebook XFBML

Hace una semana decidí eliminar todos los plugins relacionados con Facebook Yummie y hacer la implementación a mano usando el protocolo Open Graph y los tags XFBML para insertar los plugins de facebook. Uno de los problemas que me encontré es que cuando alguien recomendaba una nota la imagen que Facebook levantaba para usar como ícono podía ser cualquier al azar.

En el siguiente ejemplo podemos ver como se comportaba Facebook cuando la gente recomendaba un post:

Como pueden ver me tomó en dos ocasiones el icono de comentarista sin avatar, una publicidad y una manito negativa de las imágenes para votar los comentarios. Por razones obvias esto no sirve, especialmente porque esto también se ve reflejado en el perfil de facebook del usuario que recomienda.

Para solucionarlo recurri a un meta tag ya conocido de Open Graph, el «og:image» que indica a facebook que imagen hay que usar para esa acción. Hay que agregar una linea que dice así:

< meta property="og:image" content="URL DE LA IMAGEN" />

El problema mayor de esto es que no anda la función standard para mostrar thumbnail en wordpress

< ?php the_post_thumbnail(); ?>" / >

Y si anduviese, la salida de esa función sería la url con el tag IMG, por lo tanto tampoco nos sirve. Para sortear este problema tuve que recurrir a algun un poquito mas complejo.

< ?php $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 90,90 ), false, '' ); echo $src[0]; ?>

En este caso lo que hacemos es volcar la URL de la imagen del thumbnail a una variable y mostramos esa variable. Un problema que aun no resolví es hacer que esta funcion me de un thumb de tamaño específico y no el que hace por defecto WordPress.

Para finalizar el metatag de Open Graph debería quedar así:

< meta property="og:image" content="ID), array( 90,90 ), false, '' ); echo $src[0]; ?>" />

Gracias a esto ahora cuando alguien recomiende un post, este saldrá en Facebook con la imagen destacada que hayamos especificado en el post.

Ahora siii!

Se agradece cualquier ayuda para poder tomar la URL de un thumb de tamaño específico.

Simple administrador de contenidos para tu web

Hoy les voy a hablar de OneFileCMS que básicamente es eso que dice el nombre, un CMS de un solo archivo. En realidad es prácticamente un administrador de archivos con editor de texto incluido pero que le hace la vida mas facil a los diseñadores y administradores de webs.

Simplemente subiendo un archivo de 24kb podemos editar cualquier aspecto de nuestro sitio web. Yo por ejemplo lo estoy utilizando para editar algunos aspectos de las paginas de BeckHost. Ante el procedimiento habitual en mi caso era hacer FTP para bajar el archivo, editarlo y volverlo a subir. Ahora simplemente entro a OneFileCMS, edito lo que necesito en linea y lo guardo.

Captura de pantalla 2010-01-10 a las 12.12.52

El sistema permite subir archivos, modificar, crear y borrar, todo muy rápidamente ya que es muy pero muy liviano. La configuración es casi nula ya que ni siquiera utiliza MySQL, solo hay que editar el único archivo de OneFileCMS y cambiar el usuario y password. Y si queremos podemos personalizar el nombre y el footer para que lleve el nombre de nuestra web y/o empresa. Gracias a esta simpleza OneFileCMS puede incorporarse instantáneamente a cualquier proyecto que ya tengamos corriendo.

Los diseñadores le pueden sacar mucho provecho a esto cuando deben hacer alguna web sumamente sencilla y no quieren engrosarla con un CMS de mayor volumen. Y si tienen algún cliente que se de maña para encontrar párrafos de texto dentro de código HTML seguramente podrán darle acceso a ellos mismos para que actualicen sus páginas. Incluso pueden editar el archivo de configuración para que sus clientes no puedan ver ciertos archivos, pudiendo asi ocultar archivos que no quieren que nadie toque.

Pueden descargarlo y encontrar mas información extra e incluso una demo en linea en la pagina web de OneFileCMS.