TodoWordPress

Hoy veremos cómo añadir rápidamente un botón para compartir posts en Facebook (se trata del botón oficial que la afamada red social pone a nuestra disposición).

Solamente tenemos que abrir index.php y single.php y buscar la línea de código siguiente :

<?php the_title(); ?>

Acto seguido, pegaremos justo debajo el siguiente código:

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Ya tendremos nuestro botón de compartir que, si lo pulsamos, abrirá una ventana para escribir en nuestro muro de Facebook un link recomendado al artículo en cuestión (tendremos que estar previamente con la sesión iniciada en Facebook).

Si queremos añadir al final de nuestros posts un botón que enlace a Facebook para que nuestros usuarios compartan con sus amigos allí nuestro artículo, podemos pegar el siguiente código en single.php, dentro del loop de WordPress (es decir, detrás de the_content();).

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" target="blank"><img src="<?php bloginfo('template_directory'); ?>/images/facebook.png" alt="Share this article on Facebook" /></a>

Antes de verlo funcionar, sin embargo, tendremos que subir al directorio de imágenes de nuestro tema el icono de Facebook que más nos guste (aquí os dejo algunas ideas) y renombrarlo, en cualquier caso, a facebook.png (o bien renombrar esa parte en el código proporcionado).

Actualmente cada vez que compartimos un enlace en Facebook usando Networked Blogs, en Twitter usando ow.ly o incluso en los resultados Google Images, nuestro blog se ve afectado mostrando un “frame” de uno de estos servicios, lo cual nuestra URL original queda en segundo plano, y eso impide posicionarnos como marca, posibilidad de ser agregado como página favorita, es decir nos quita protagonismo.

La solución para WordPress es descargar el plugin Wp-Frame Breaker, que inserta una línea de código Javascript el cual rompe cualquier marco.

Si no deseas instalar un plugin adicional, puedes añadir la siguiente línea de código en el archivo header.php justo antes de < / head >

<script type="text/javascript">
if(top.location!=this.location) top.location=this.location;
</script>

Bueno, si tu condición responde al titulo, si usas Facebook como microblogging para publicar enlaces habitualmente, este plugin te servirá. El autor es Fepe, un buen amigo mío, y el plugin se llama Facebook Posted Items

Voy avisando: el plugin es casi puro PHP y la instalación completa puede ser un poco arcaica (no hay opción de Widgets, etc.), pero está en su versión 0.3 apenas, y sirve su propósito.

Lo que realiza este plugin es usar el RSS de los elementos o enlaces publicados en Facebook, para mostrarlos en tu web, en la ubicación que prefieras. Yo, por ejemplo, les muestro como queda en un Post Sticky ((post que se mantiene en la página principal y siempre arriba)):

Leer más »