Como añadir comentarios de Facebook en WordPress

NOTA: Si el proceso es para una web que NO sea WordPress, hay un post al respecto aquí.

 

Primero registraremos nuestra web como una aplicación en este enlace.

Abrimos el archivo header.php de nuestro tema y añadimos lo siguiente antes de la etiqueta </head>

<meta property="fb:app_id" content="TU_ID_DE_APLICACION">
<meta property="fb:admins" content="TU_ID_DE_FACEBOOK">
<script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script>

 

Abrimos los archivos page.php y single.php, localizamos el punto en el cual el código introduce los comentarios (suele estar comentatado con algo tipo <!– comments // «div id=»comments» o algo similar) e introducimos el siguiente código:

<center>
<fb:comments href="<?php get_permalink(); ?>" num_posts="10" width="700"></fb:comments>
</center>

 

Es importante que desactivemos los comentarios nativos de WordPress para que no aparezcan ambos.

Si es un blog nuevo, tan sólo debemos desactivar la opción «Permitir comentarios en las nuevas entradas» en el menú «Ajustes > Debates» de nuestro blog.
Si se trata de un blog con muchas entradas creadas, tras desactivar la casilla anterior, deberíamos ir editando cada una de las entradas para desactivar los comentarios. En mi caso opté por editar el comments.php del tema y eliminar la opción de que se muestren. Puesto que cada tema es distinto, no puedo dar unas directrices generales, pero daré las más comunes.

Caso 1

<?php if ( comments_open() comments_template(); ) ?>

 

Lo convertiremos en

<?php if ( comments_open() ) ?>

 

Caso 2

<?php comments_template( '', true ); ?>

 

Lo convertimos en

<?php comments_template( '', false ); ?>

 

Una vez hayamos introducido las modificaciones, veremos los comentarios tal y como aparecen en este post ; )

PD: Recuerda que puedes adaptar tu página al lenguaje Open Graph para una mejor visualización de tus contenidos en la red social. Click aquí para más info.
_____________
Fuente: Facebook