Cómo añadir el Facebook Like Box / Fan Box en WordPress

Facebook como la caja de Facebook también conocido como caja de fans de Facebook se ha convertido en un elemento imprescindible para muchos sitios web. Permite a los propietarios de sitios web ofrecer a sus usuarios una forma sencilla de unirse a su comunidad de facebook y obtener actualizaciones directamente en su feed de noticias de Facebook. Recientemente uno de nuestros usuarios nos llamó la atención que no hemos cubierto el tema de cómo añadir la caja de facebook en WordPress. Aunque hemos cubierto cómo añadir el botón facebook like, el botón facebook send y los comentarios de facebook. En este artículo, te mostraremos cómo añadir la caja de fans de facebook en WordPress.

Adición de Like Box usando el plugin oficial de Facebook para WordPress

Tal vez la forma más sencilla de añadir un cuadro de diálogo de facebook a tu sitio de WordPress es utilizando el plugin oficial de Facebook para WordPress. Lo primero que tienes que hacer es instalar y activar el plugin de Facebook. Después de activar el plugin, vaya a Apariencia " Widgets . Simplemente arrastra y suelta el widget de Facebook como si fuera una caja en tu barra lateral. Tendrás que proporcionar la URL de tu página de fans de facebook en las configuraciones de los widgets.

El widget tiene las mismas opciones que los plugins sociales de Facebook para sitios web. Puede elegir mostrar una secuencia, mostrar caras, eliminar encabezados, cambiar el color de los bordes. Actualmente sólo hay dos temas disponibles: claro y oscuro.

Añadir como Box manualmente Sin usar ningún plugin

Es posible añadir Facebook como caja manualmente sin usar ningún plugin. Ve a la página de Facebook Social Plugin's Like Box. Proporcione la URL de su página de Facebook y configure el aspecto de la caja similar.

Presione el botón Get Code para obtener el código Like box.

Facebook te ofrece varias formas de añadir el código de la caja similar en tu sitio web. Puede elegir entre HTML5, XFBML e iframe. Te mostraremos cómo añadir cada uno de ellos, pero tienes que elegir uno. En nuestra opinión, HTML5 es una opción razonablemente buena para la mayoría de los sitios web que funcionan con WordPress. XFBML es bueno para las personas que utilizan otros plugins de Facebook que utilizan XFBML para mostrar botones de Facebook. Utilice iframe si las dos primeras opciones no funcionan para usted.

Adición de HTML5 Facebook como código de caja en WordPress

Haga clic en la pestaña HTML5 de la ventana de código y copie la primera parte del código. Le recomiendan que lo pegue justo después de la etiqueta que normalmente se encuentra en su archivo header.php. Sin embargo, funcionará en cualquier parte del cuerpo. Para hacer las cosas más fáciles para usted, puede simplemente añadirlo en el pie de página utilizando nuestro plugin Insertar encabezados y pies de página. La primera parte del código se vería así:

12345678(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_US/all.js#xfbml=1&appId=40392484843027405"; fjs.parentNode.insertAntes(js, fjs);}(documento, 'script', 'facebook-jssdk'));

Este javascript conecta su sitio web con la biblioteca de javascript de Facebook. Ahora copie la segunda parte del código, que se vería algo así:

1

Esta parte del código le dice al javascript que cargó anteriormente que muestre el cuadro similar en esta ubicación y con estos parámetros. Para este ejemplo, pegaremos este código en los widgets de la barra lateral. Vaya a Apariencia " Widgets . Arrastra y suelta un widget de texto a tu barra lateral y pega el código dentro de él. Guarda tu widget y revisa tu sitio web.

Esto también funcionará en cualquier otra área de su sitio. Si eres experto con el código, entonces puedes pegarlo en tu pie de página, después de la publicación, etc.

No olvides cambiar la URL de la página de fans de facebook por la tuya propia.

Añadir XFBML Facebook Like Box Code en WordPress

Haga clic en la pestaña XFBML para obtener el código de la casilla XFBML de Facebook. Para añadir un XFBML Facebook Like Box es necesario añadir tres pequeños fragmentos de código en WordPress.

Copia el primer trozo de código y pégalo en el archivo header.php de tu tema justo después de la etiqueta. Similar al último, este código funcionará en cualquier parte del cuerpo. Para hacer las cosas más fáciles para usted, puede simplemente añadirlo en el pie de página utilizando nuestro plugin Insertar encabezados y pies de página. Este código quisiera algo como esto:

12345678(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_US/all.js#xfbml=1&appId=40392484843027405"; fjs.parentNode.insertAntes(js, fjs);}(documento, 'script', 'facebook-jssdk'));

Esta pequeña función javascript conecta su sitio web con la biblioteca javascript de Facebook.

La segunda línea de código es una declaración de espacio de nombres XML, y necesita agregarla en la etiqueta de su sitio. La forma más fácil sería abrir el archivo functions.php del tema y pegar el siguiente código:

12345//Add.la gráfica abierta en los atributos de lenguajeadd_opengraph_doctype( $output) { return$output. ''; }add_filter('language_attributes', 'add_opengraph_doctype');

Por último, copie la tercera línea de código que parecería algo así:

1

Este código le indica al javascript que ha cargado en el primer paso, que muestre el cuadro similar en esta ubicación y con estos parámetros. Vaya a Apariencia " Widgets . Arrastra y suelta un widget de texto a tu barra lateral y dentro de ese widget de texto pega la tercera línea de código. Guarde los cambios y previsualice su sitio web.

Añadir el iframe de Facebook Likebox en WordPress

Haga clic en la pestaña IFRAME para copiar el código iframe. Vaya a Apariencia " Widgets y arrastre y suelte un widget de Texto a su barra lateral. Pegue el código iframe dentro del widget de texto y guarde los cambios. Abre tu sitio para ver una vista previa de la caja de fans de facebook.

Esperamos que este artículo le haya ayudado a añadir Facebook Like box / Fan box en su sitio de WordPress. Para preguntas y comentarios, por favor deje un comentario. También puedes seguirnos en Facebook.

Deja una respuesta

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

Subir