Nuevo plugin social de Facebook: Quote Plugin

Ayer se celebró la conferencia F8 de Facebook, un encuentro destinado a los desarrolladores y en el que se suelen presentar una gran cantidad de novedades. Entre ella se encuentra de la que os hablo hoy, llamada Quote Plugin.

Seguramente, si eres de los mios, más de una vez has buscado la letra de una canción en internet y has decidido copiarla y publicarla en tu muro de Facebook. Con esta nueva funcionalidad te será todavía más fácil ya que si dicha web lo tiene implementado al seleccionar un texto te saldrá el botón de compartir directamente ¿Sencillo verdad? Pues vamos al lío.

Cómo implementar Quote Plugin de Facebook en WordPress

Lo primero que haremos será poner el siguiente código en el archivo footer.php de nuestro theme:

<div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.6";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

Después deberemos editar nuestro archivo single.php (esto puede varia en función del theme que uséis y llamarse de otra manera) y añadirle el siguiente código:

 <div class="fb-quote"></div>

Tener cuidado a la hora de colocarlo ya que si lo colocáis dentro de un div que no sea igual se os descuadra. Si todo esta bien os saldrá igual que como os sale al seleccionar este texto y el resultado a la hora de compartir sería este:

Os dejo el enlace a la documentación oficial por si queréis consultarla