Juan Santamaría

Juan Santamaría

Programador web

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:

resultado-quote-plugin-facebook-wordpress

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

2 Comments

COMPARTE TU OPINIÓN

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies

ACEPTAR
Aviso de cookies