¿Quieres mostrar publicaciones en la línea de tiempo de Facebook en WordPress?
Al agregar actualizaciones de Facebook a WordPress, puede mantener su sitio actualizado e interesante mientras anima a los visitantes a seguirlo en Facebook.
En este artículo, le mostraremos cómo ver fácilmente la línea de tiempo de Facebook en WordPress.
¿Por qué ver el historial de Facebook en WordPress?
Según nuestras estadísticas de investigación de mercado, Facebook es la plataforma de redes sociales más popular del mundo, con 2.900 millones de usuarios activos mensuales. Esto convierte a Facebook en el lugar perfecto para llegar a nuevas audiencias e interactuar con personas que ya conocen su sitio web.
Sin embargo, las personas no verán tus publicaciones en Facebook si simplemente visitan tu sitio.
Teniendo esto en cuenta, recomendamos insertar tu línea de tiempo de Facebook en WordPress para que más personas puedan disfrutar de tu contenido. Si a las personas les gusta lo que ven, es posible que incluso empiecen a seguirte en Facebook.
Si utiliza el complemento correcto, su feed de redes sociales se actualizará automáticamente a medida que publique contenido nuevo en Facebook. Esto lo convierte en una manera fácil de mantener su sitio web actualizado e interesante, incluso para los visitantes habituales.
Dicho esto, veamos cómo ver la línea de tiempo de Facebook en WordPress. Puede utilizar los enlaces rápidos a continuación para navegar por los pasos:
Paso 1: instale y configure el complemento personalizado de Facebook Feed
La forma más sencilla de insertar la línea de tiempo de Facebook en WordPress es utilizar el Complemento de alimentación de Facebook personalizado Smash Balloon.
Este complemento le permite insertar álbumes, comentarios, reseñas, publicaciones de la comunidad y más de Facebook en su sitio.
Para esta guía usaremos Custom Facebook Feed Pro, ya que le permite mostrar fotos y videos de su línea de tiempo de Facebook.
Mientras tanto, el versión gratuita Sólo permite textos y enlaces en publicaciones de estado de Facebook.
Después de la activación, tendrás que subir. Feed de Facebook » Configuración e ingrese la clave de licencia en el campo “Clave de licencia”.
Encontrarás esta información a continuación. su cuenta en el sitio web de Smash Balloon.
Después de ingresar la clave, haga clic en el botón “Activar”.
Paso 2: conecta tu página o grupo de Facebook a WordPress
A continuación, debe conectar su sitio de WordPress a una página de Facebook o a una línea de tiempo de grupo. Usaremos una página de Facebook, pero los pasos serán prácticamente los mismos para los grupos de Facebook.
Para obtener una visión más detallada de los grupos, consulte nuestra guía completa sobre cómo insertar un feed de grupo de Facebook en WordPress.
Para conectar su página o grupo de Facebook a WordPress, vaya a Feed de Facebook » Todos los feeds y luego haga clic en “Agregar nuevo”.
Smash Balloon te permite crear diferentes feeds para agregar un calendario de eventos de Facebook en WordPress, mostrar fotos, insertar una línea de tiempo y más.
Como queremos ver nuestra línea de tiempo de Facebook en WordPress, deberá hacer clic en “Línea de tiempo” y luego hacer clic en “Siguiente”.
A continuación, puede elegir la página o grupo de Facebook que desea agregar a su sitio.
Simplemente haga clic en “Agregar nuevo” para comenzar.
En la siguiente pantalla, elija si desea incrustar la línea de tiempo de una página o de un grupo.
Una vez que haya tomado esta decisión, continúe y haga clic en “Conectarse a Facebook”.
Se abre una ventana emergente donde puede iniciar sesión en su cuenta de Facebook y elegir las páginas o grupos que desea utilizar.
A continuación, haga clic en “Siguiente”.
Luego de hacerlo, Facebook mostrará toda la información a la que Smash Balloon tendrá acceso y las acciones que puede realizar en tu página o grupo de Facebook.
Para limitar el acceso de Smash Balloon a su cuenta de Facebook, simplemente haga clic en cualquiera de los botones para cambiarlo de “Sí” a “No”. Tenga en cuenta que esto puede limitar el contenido de Facebook que se muestra en su blog o sitio web de WordPress.
Teniendo esto en cuenta, debes dejar todos los interruptores habilitados siempre que sea posible.
A continuación, haga clic en el botón “Finalizar”.
Después de unos momentos, debería ver un mensaje que confirma que ha conectado su sitio web de WordPress a Facebook. Ahora que lo ha hecho, es hora de hacer clic en “Aceptar”.
Smash Balloon ahora lo llevará automáticamente de regreso a su panel de WordPress.
En este punto, verá una ventana emergente con el grupo o página que acaba de conectar a WordPress.
Simplemente seleccione el botón de opción al lado de esta fuente y luego haga clic en el botón “Agregar”.
Si cerraste accidentalmente la ventana emergente, no te preocupes. Simplemente actualice la pestaña para volver a abrir la ventana emergente.
Ahora seleccione su página o grupo de Facebook y haga clic en “Siguiente”.
En esta etapa, puedes elegir un tema para tu línea de tiempo de Facebook. Todos estos temas son totalmente personalizables, por lo que puedes ajustar el diseño dependiendo de cómo quieras mostrar la línea de tiempo en tu sitio web de WordPress.
Si no está seguro de cuál usar, simplemente puede elegir el “Predeterminado” y cambiarlo más adelante en el siguiente paso.
Ahora puede elegir una plantilla para usarla como punto de partida para su línea de tiempo incorporada.
Estamos utilizando la plantilla “Predeterminada”, pero puede elegir cualquier plantilla que desee. Nuevamente, también puedes editar la plantilla más tarde si no estás satisfecho.
Cuando esté listo, continúe y haga clic en el botón “Siguiente”.
Paso 3: personaliza tu feed de Facebook integrado
El complemento Smash Balloon Custom Facebook Feed le ofrece muchas formas de personalizar el aspecto de la línea de tiempo de su sitio. Con esto en mente, veamos los diferentes cambios que puedes realizar en tu historial de Facebook.
Sobre el Feed de Facebook » Todos los feeds página, busque la línea de tiempo y haga clic en el botón “Editar”, que parece un pequeño lápiz.
Esto abre el editor de feeds de Smash Balloon, que muestra una vista previa de la línea de tiempo de tu grupo o página de Facebook a la derecha.
En el lado izquierdo verás todas las configuraciones que puedes usar para cambiar el aspecto de la línea de tiempo. La mayoría de estas configuraciones se explican por sí solas, pero cubriremos rápidamente cada área.
Si no está satisfecho con el aspecto de su feed, puede probar con una plantilla diferente haciendo clic en la opción de menú “Plantilla”.
Luego, seleccione el botón “Cambiar”.
A continuación, puedes cambiar la forma en que aparecen tus publicaciones haciendo clic en “Diseño del feed”.
En esta pantalla puede cambiar entre los diseños de lista y de ladrillo. A medida que realices cambios, la vista previa se actualizará automáticamente, por lo que puedes probar diferentes diseños para ver cuál se ve mejor en tu línea de tiempo de Facebook.
También puede cambiar la altura del feed y la cantidad de publicaciones que Smash Balloon muestra en computadoras de escritorio, teléfonos inteligentes y tabletas.
Si cambia la cantidad de publicaciones, puede obtener una vista previa de cómo se verá su feed en computadoras de escritorio y dispositivos móviles usando la fila de botones en la esquina superior derecha.
Al probar la versión móvil de su sitio web de WordPress, es posible que también desee cambiar la cantidad de columnas que muestra Smash Balloon en computadoras de escritorio, tabletas y teléfonos inteligentes.
Por ejemplo, en la imagen siguiente, dividimos el contenido en 4 columnas en el escritorio, 3 columnas en la tableta y 2 columnas en el dispositivo móvil.
Esto puede ayudar a que su línea de tiempo se ajuste cómodamente a la pantalla, sin importar qué tipo de dispositivo esté usando el visitante.
Cuando esté satisfecho con el diseño, haga clic en el enlace “Personalizar”.
Esto lo llevará de regreso al editor principal de Smash Balloon, para que pueda pasar a la siguiente opción del menú, que es “Esquema de colores”.
De forma predeterminada, su línea de tiempo usará los mismos colores que su tema de WordPress, pero esta pantalla también le permite cambiar entre diseños “Claro” y “Oscuro”.
También puedes crear tu propia combinación de colores seleccionando “Personalizado” y luego usando la configuración para cambiar el color del enlace, el color de fondo, el color del texto en WordPress y más.
De forma predeterminada, Smash Balloon agrega un encabezado a tu feed, que es tu foto de portada, foto de perfil y el nombre de tu página de Facebook.
Para cambiar la apariencia de esta sección, haga clic en “Encabezado” en el menú de la izquierda.
En esta pantalla puedes cambiar el color de fondo, el tamaño del encabezado, ocultar o mostrar tu foto de perfil de Facebook y más.
También puede cambiar del encabezado “Visual” predeterminado al encabezado “Texto”.
¿Quieres eliminar el encabezado por completo? Luego simplemente haga clic en el interruptor “Activar” para desactivarlo.
A continuación, puedes cambiar la apariencia de publicaciones individuales dentro de la línea de tiempo seleccionando “Estilo de publicación” en el menú de la izquierda.
Dependiendo de la plantilla, es posible que puedas elegir entre diferentes diseños.
Puede seleccionar un diseño en miniatura, de ancho medio o de ancho completo.
El diseño de miniaturas muestra tus publicaciones de Facebook con imágenes pequeñas.
Puedes ver un ejemplo de esto en la siguiente imagen.
¿Quieres mostrar imágenes más grandes en su lugar?
Luego puedes seleccionar la mitad del ancho como diseño de tu publicación.
Finalmente, si deseas mostrar tu feed de Facebook con las imágenes más grandes posibles, puedes elegir el diseño de ancho completo.
Aquí hay un ejemplo de cómo se verá en su sitio de WordPress:
Una vez que esté satisfecho con el diseño general, es hora de ajustar el contenido específico de cada publicación.
Para comenzar, haga clic en “Estilo de publicación”.
En esta pantalla puede elegir entre un diseño normal y uno en cuadro.
Si seleccionas “En caja”, puedes crear un fondo colorido para cada publicación. Esto puede ayudar a que sus publicaciones de Facebook se destaquen del resto de su sitio web y también puede hacer que el texto sea más fácil de leer.
También puede ampliar el radio del borde para crear esquinas curvas o agregar una sombra al marco para resaltar el contenido.
Si eliges “Normal”, puedes cambiar el grosor y el color de la línea que separa las diferentes publicaciones de las redes sociales.
También puedes personalizar partes individuales dentro de cada publicación regresando a la pantalla de configuración principal.
Una vez más, seleccione “Estilo de publicación”, pero esta vez elija “Editar elementos individuales”.
En esta pantalla verás todo el contenido diferente que Smash Balloon incluye en cada publicación de la línea de tiempo, como el autor de la publicación, el título del evento, el cuadro de enlace compartido y más.
Para eliminar contenido de sus publicaciones, simplemente haga clic para desmarcar la casilla correspondiente.
También puedes cambiar el tamaño y el color de estos elementos individuales. Simplemente haga clic en el nombre del elemento, como “Autor de publicación” o “Texto de publicación”.
Luego puede usar la configuración para personalizar este contenido. Por ejemplo, también puedes cambiar el tamaño de fuente o agregar un nuevo color.
De forma predeterminada, Smash Balloon no agrega un botón “Me gusta” de Facebook a su feed. Para aumentar tus seguidores en Facebook, es posible que desees agregar este botón seleccionando “Me gusta” en el menú izquierdo del editor.
A continuación, simplemente haga clic en el botón “Habilitar” para que se vuelva azul.
De forma predeterminada, Smash Balloon agrega este botón debajo de la línea de tiempo, pero puedes cambiarlo abriendo el menú desplegable “Posición” y eligiendo “Arriba”.
En esta pantalla también puedes cambiar el aspecto de la sección Me gusta, incluyendo agregar un llamado a la acción personalizado y agregar la foto de portada de la página.
Una gran cantidad de seguidores es una gran prueba social que animará a más personas a unirse a su grupo de Facebook. Con eso en mente, es posible que desees hacer clic para habilitar la opción “Mostrar fans”.
Una vez que esté satisfecho con el aspecto del botón “Me gusta”, puede pasar a la configuración del “Botón Cargar más”.
El botón “Cargar más” brinda a los visitantes una manera fácil de desplazarse por más partes de su línea de tiempo de Facebook, por lo que Smash Balloon lo agrega al feed de forma predeterminada.
Este es un buen comienzo, pero dado que es un botón tan importante, es posible que desees resaltarlo cambiando el color de fondo, el estado de desplazamiento y la etiqueta.
También puedes cambiar el texto que aparece en el botón escribiéndolo en el campo “Texto”.
Si prefiere eliminar el botón Cargar más, continúe y haga clic en el botón “Activar”.
De forma predeterminada, Smash Balloon permite a los visitantes ver las fotos y videos en su línea de tiempo sin salir de su sitio web.
El visitante puede simplemente hacer clic en cualquier foto o video para abrir una ventana emergente, como puede ver en la siguiente imagen.
Luego, el visitante puede usar las flechas para desplazarse por todas las fotos y videos en la línea de tiempo de Facebook.
Si quieren darle me gusta a una foto, dejar un comentario o compartir la imagen con sus amigos de Facebook, pueden hacer clic en el enlace “Comentar en Facebook”.
Se abre una nueva pestaña y lleva al visitante directamente a la publicación en su página de Facebook.
Hay varias formas de personalizar la función de caja de luz de Smash Balloon. Para ver sus opciones, haga clic en “Lightbox” en el menú de la izquierda.
Aquí puedes cambiar el color del texto, los enlaces y el fondo de la caja de luz.
De forma predeterminada, la caja de luz muestra todos los comentarios que las personas han dejado en tus fotos y vídeos. Si prefiere ocultar estos comentarios, puede hacer clic en el interruptor “Mostrar comentarios” para cambiarlo de azul (habilitado) a gris (deshabilitado).
La función Lightbox permite a las personas desplazarse por sus fotos y vídeos directamente en su sitio web de WordPress.
Sin embargo, es posible que prefieras animar a las personas a visitar tu página de Facebook. En este caso, puede desactivar la función de caja de luz haciendo clic en el interruptor “Activar”.
Ahora, el visitante tendrá que hacer clic en el enlace “Ver en Facebook” para ver más de cerca cualquier foto o vídeo.
Cuando esté satisfecho con el aspecto de su línea de tiempo de Facebook, no olvide hacer clic en “Guardar” para almacenar sus cambios.
Paso 4: incrustar el historial de Facebook en WordPress
Ahora está listo para agregar la línea de tiempo a su sitio web usando un bloque, widget o código corto. Para hacer esto, simplemente haga clic en el botón “Insertar” en la parte superior de la página del Editor de feeds de Facebook.
Luego verás tres opciones para agregar tu línea de tiempo de Facebook: usar un código corto, agregarlo a una página o agregarlo como un widget.
Si desea mostrar su línea de tiempo de Facebook en una página, haga clic en el botón “Agregar a una página”.
A continuación, seleccione una página donde desee ver la línea de tiempo de Facebook. Luego, haga clic en “Agregar”.
Ahora serás llevado al editor de bloques de esa página.
Continúe y haga clic en el botón “+ Agregar bloque” en cualquier parte de la página y seleccione el bloque “Feed de Facebook”.
Desde allí, simplemente seleccione la línea de tiempo de Facebook que creó anteriormente en el menú desplegable.
Una vez que haya terminado, simplemente haga clic en el botón “Actualizar” para activar los cambios.
Si desea mostrar su línea de tiempo de Facebook en un área de widgets, como una barra lateral, haga clic en la opción “Agregar a un widget” en la ventana emergente Insertar feed de arriba.
Luego serás llevado al editor de widgets de WordPress. Aquí, simplemente haga clic en el botón “+ Agregar widget” en el área de widgets elegida y elija el widget “Feed de Facebook”.
Una vez hecho esto, seleccione la línea de tiempo de Facebook que creó anteriormente en el menú desplegable.
Ahora puede activar el widget haciendo clic en el botón “Actualizar”. Para obtener más información, consulte nuestra guía paso a paso sobre cómo agregar y usar widgets en WordPress.
Si estos dos métodos no funcionan, puedes incrustar la línea de tiempo de Facebook usando el método de código corto. Para obtener un tutorial detallado, consulte nuestra guía sobre cómo agregar un código corto en WordPress.
Además, si estás usando un tema de bloque, puedes usar el editor completo del sitio para agregar el “feed personalizado de Facebook” en cualquier parte de tu tema.
Puede leer nuestra guía completa para principiantes para editar completamente su sitio de WordPress para obtener más información.
Esperamos que este artículo te haya ayudado a aprender cómo ver la línea de tiempo de Facebook en WordPress. Es posible que también desee consultar nuestra guía sobre cómo crear un formulario de contacto en WordPress o ver nuestras selecciones de expertos para conocer los mejores complementos de WordPress para Instagram.