SummArg | Cursos y recursos para webmasters

11/08/2010

Completo plugin de Facebook para WordPress: OpenGraph

El OpenGraph Facebook es uno de los plugins mas completos que existen para lograr la interacción entre Facebook y WordPress. Es un producto de Javier Reyes de Sociable! los autores del plugin “Sociable” para la misma plataforma. Veamos un listado de sus funciones:

  • “Me gusta”, actividad, recomendaciones.
  • Construir una comunidad
  • Login usando tu cuenta de Facebook
  • Enviar comentarios a tu muro
  • Invitar amigos al blog
  • Ver los últimos visitantes
  • Contador para el compartir de Facebook
  • Widget de la página de fans de Facebook
  • Caja de comentarios de Facebook
  • Posibilidad de guardar los emails de tus usuarios

1. Para descargar el plugin primero deben registrarse en el sitio, para lo cual pueden obviamente utilizar Facebook Connect, aquí. Luego obtendrán el link de descarga.

2. Ingresar al área de desarrolladores de Facebook y crear una nueva aplicación. Coloquen la url de su sitio finalizando con una barra, sino dará error. Ej. http://www.summarg.com/ No es necesario llenar datos de todas las pestañas, solo asegurense de que la URL de conexión de la pestaña Connect sea la correcta.

3. Subir la carpeta fbconnect a /wp-content/plugins/

4. Activar el plugin desde nuestro administrador en WordPress

5. Configurar el plugin desde Opciones > Facebook Connector

6. Ingresar nuestros datos de API provistos por Facebook para configurar nuestro plugin.

7. Modificar la plantilla de comentarios agregando el siguiente código

<form action="<?php echo get_option(‘siteurl’); ?>/wp-comments-post.php" method="post" id="commentform">
…
<?php do_action(‘comment_form’, $post->ID); ?>
</form>

8. Activar Widgets

En Internet Explorer existe la posibilidad de que no se vea el botón para conectarse usando FBConnect, por lo que hay que agregar en el header.php de nuestro theme el siguiente código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

Descargar pluginFaqs

Dejar un comentario