Facebook Like Box / Fan Box Widget Settings

Cómo agregar la caja de me gusta de Facebook / caja de fans en WordPress

El cuadro de tipo Facebook, también conocido como cuadro de fans de Facebook, se ha convertido en un elemento básico para muchos sitios web. Permite a los propietarios de sitios web proporcionar a sus usuarios una manera fácil 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 tocado el tema de agregar el cuadro de tipo facebook en WordPress. Aunque hemos explicado cómo agregar el botón de Facebook, el botón de envío de Facebook y los comentarios de Facebook. En este artículo, le mostraremos cómo agregar el cuadro de fans de Facebook en WordPress.

Agregar Me gusta usando el complemento oficial de Facebook para WordPress

Quizás la forma más fácil de agregar un cuadro de tipo Facebook a su sitio de WordPress es utilizar el complemento oficial de Facebook para WordPress. Lo primero que debe hacer es instalar y activar el complemento de Facebook. Después de activar el complemento, vaya a Apariencia »Widgets. Simplemente arrastre y suelte el widget de Me gusta de Facebook en su barra lateral. Deberá proporcionar la URL de su página de fans de Facebook en las configuraciones del widget.

El widget tiene las mismas opciones que los complementos sociales de Facebook para sitios web. Puede elegir mostrar el feed, mostrar caras, eliminar el encabezado, cambiar el color del borde. Actualmente, solo hay dos temas disponibles: claro y oscuro.

Agregar como cuadro manualmente sin usar un complemento

Es posible agregar manualmente un cuadro como Facebook sin usar un complemento. Vaya a la página Me gusta del complemento social de Facebook. Proporcione la URL de su página de Facebook y configure el aspecto del cuadro similar.

Obtenga El Código Para Agregar Manualmente El Cuadro Como Facebook En Wordpress
presione el Obtén el código para obtener el código de la caja como. Facebook le ofrece varias formas de agregar un código de caja similar a su sitio web. Puede elegir entre HTML5, XFBML e iframe. Le mostraremos cómo agregar cada uno de ellos, pero debe elegir uno. En nuestra opinión, HTML5 es una opción razonablemente buena para la mayoría de los sitios web con WordPress. XFBML es adecuado para personas que usan otros complementos de Facebook que usan XFBML para mostrar botones de Facebook. Utilice iframe si las dos primeras opciones no le funcionan.
El Me Gusta De Facebook Está Disponible En Varios Formatos De Código

Agregar el código HTML5 de Facebook Like Box en WordPress

Haga clic en la pestaña HTML5 de la ventana de código y copie la primera parte del código. Te recomiendan que lo pegues justo después etiqueta que generalmente se encuentra en su archivo header.php. Sin embargo, funcionará en cualquier parte del cuerpo. Para que sea más fácil para usted, puede agregarlo en el pie de página usando nuestro complemento Insertar encabezados y pies de página. La primera parte del código se vería así:

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

Esta parte del código le dice al javascript que cargó anteriormente que muestre el cuadro similar en esa ubicación y con estos parámetros. Para los propósitos de este ejemplo, pegaremos este código en los widgets de la barra lateral. Ir a Apariencia »Widgets. Arrastra y suelta un widget de texto en tu barra lateral y pega el código dentro. Guarde su widget y visite su sitio web. También funcionará en cualquier otra área de su sitio. Si está familiarizado con el código, puede pegarlo en su pie de página, después de publicarlo, etc. No olvide cambiar la URL de la página de fans de Facebook por la URL de su propia página.

Se agregó el código de cuadro de Me gusta de Facebook XFBML en WordPress

Haga clic en la pestaña XFBML para obtener el código del cuadro de tipo XFBML de Facebook. Para agregar un cuadro Me gusta de Facebook XFBML, debe agregar tres pequeños fragmentos de código en WordPress. Copie la primera parte del código y péguela en el archivo header.php de su tema justo después etiqueta. Al igual que el anterior, este código funcionará en cualquier parte del cuerpo. Para que sea más fácil para usted, puede agregarlo en el pie de página usando nuestro complemento Insertar encabezados y pies de página. Este código querría algo como esto:

Esta pequeña función de JavaScript conecta su sitio web a la biblioteca de JavaScript de Facebook. La segunda línea de código es una declaración de espacio de nombres XML y debe agregarla en el etiqueta de su sitio. La forma más fácil sería abrir el archivo functions.php de su tema, pegar el siguiente código: // Agregue el gráfico abierto en la función de atributos de idioma add_opengraph_doctype ($ output) {return $ output. ‘xmlns: og = «http://ogp.me/ns#» xmlns: fb = «http://ogp.me/ns/fb#»‘; } add_filter (‘atributos de idioma’, ‘add_opengraph_doctype’); Finalmente, copie la tercera línea de código que se vería así:

Este código le dice al javascript que cargó en el primer paso que muestre el cuadro similar a esta ubicación y con estos parámetros. Ir a Apariencia »Widgets. Arrastre y suelte un widget de texto en su barra lateral y dentro de ese widget de texto pegue la tercera línea de código. Guarde sus cambios y obtenga una vista previa de su sitio web.

Agregar el iframe de la mesa de Facebook en WordPress

Haga clic en la pestaña IFRAME para copiar el código del iframe. Ir a Apariencia »Widgets y arrastre y suelte un widget de texto en su barra lateral. Pegue el código del iframe en el widget de texto y guarde los cambios. Abra su sitio para obtener una vista previa del cuadro de fans de Facebook. Esperamos que este artículo le haya ayudado a agregar el cuadro Me gusta / Fan de Facebook a su sitio de WordPress. Para preguntas y comentarios, deje un comentario. También puedes seguirnos en Facebook.

Leave a Reply