Integra el plugin social Facebook Comments en Thesis

Aumenta los comentarios en tus articulos añadiendo una caja de comentarios de Facebook en tu blog, de esta manera la gente que lea alguno de tus articulos y haya iniciado sesion en facebook podra dejar un comentario sin tener que registrar sus datos en la caja de comentarios. Con solo un par de pasos puedes tener lista esta funcion en tu blog de wordpress.

Las instrucciones en este post son para integrar el plugin en un blog de wordpress que utiliza Thesis (DIYThemes) hay que seguir los siguientes pasos:

Obtener el ID.

Necesitas registar una aplicacion en facebook para poder continuar, si no lo has hecho, puedes leer el siguiente post con instrucciones Registrar aplicacion en Facebook en 3 sencillos pasos

Ve a la pagina del plugin de comentarios para obtener la ID necesaria para que funcione la caja de comentarios. Aqui se configuran los aspectos básicos. Tienes que haber iniciado sesion en facebook

El primer campo es la URL de tu sitio
Numero de comentarios a mostrar
Ancho de la caja de comentarios

En esta forma basica la caja de comentarios funcionara solo para la URL de la pagina frontal o principal de tu blog, necesitas hacer algunos cambios para que funcione en todos los post de tu blog, esto lo haremos con la solicitud dinamica de URL <?php the_permalink(); ?>

Ahora haz clic en GET CODE y aparecera la ventana en donde encontraras el ID, como esta:

Hora del codigo

Obten el numero de ID del codigo que proporciona facebook, reemplaza las X’s con ese numero, copia y pega el codigo en tu custom_functions.php y listo.

function fb_comments(){

if (is_single()) { ?>
<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&appId=XXXXXXXXXXXXXXX";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-num-posts="5" data-width="600"></div>
<?php }}
add_action('thesis_hook_after_post_box', 'fb_comments');

Si tienes alguna duda dejame un mensaje en los comentarios