viernes, 22 de marzo de 2013

Insertar caja de comentarios de Facebook en Wordpress

En el siguiente tutorial, lo que haremos será insertar una caja de comentarios de facebook en nuestro blog creado con wordpress. Las ventajas de estas cajas de comentarios son que los usuarios ya suelen estar logueados en sus cuentas por lo que recibirás más comentarios, además, cada vez que alguien comente se publicará en su muro, por lo que ganarás muchas visitas.

Para insertar este formulario de comentarios en nuestro wordpress:

1.- Entramos a nuestro blog mediante la url /wp-admin
2.- Nos vamos a la pestaña Apariencia > Editor
3.- Seleccionamos header.php para editar
4.- Buscamos la etiqueta <body> y justo después pegamos el siguiente código:


<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/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

5.- Ahora nos vamos a editar el archivo single.php
6.- Buscamos la línea:

<?php comments_template(); ?>


7.- La sustituimos por:

<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="500" data-num-posts="10"></div>


En este código podrás modificar el ancho con data-width="500" y el número de comentarios a mostrar con data-num-posts="10"


Ya tendremos nuestra caja de comentarios de facebook insertada en nuestro wordpress. Cada vez que alguien comente una entrada en tu blog, se mostrará el comentario en su muro junto al enlace a tu entrada.


3 comentarios:

  1. Gracias por el aporte

    ResponderEliminar
  2. Amigo muchas gracias. Sabes como crear una caja donde se muestre las actividades de facebook?
    De antemano gracias

    ResponderEliminar