Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo agregar una línea de tiempo estilo Facebook en WordPress

Agregar elementos visuales como líneas de tiempo a tu sitio solía significar horas de codificación personalizada o contratar desarrolladores caros. Por eso nos entusiasmó descubrir un plugin que te permite agregar una línea de tiempo estilo Facebook a tu sitio en minutos.

Si deseas mostrar el viaje de tu vida, hitos de negocios, historial de proyectos o cualquier otra cosa, este plugin gratuito te permite diseñar una línea de tiempo atractiva e interactiva sin tener que escribir una sola línea de código, o contratar desarrolladores caros.

Este método funciona con cualquier tema de WordPress y podrás configurarlo en solo unos minutos. Te guiaremos a través de todo el proceso, tal como lo hemos hecho para innumerables usuarios de WordPress que querían hacer sus sitios más atractivos.

Cómo agregar una línea de tiempo al estilo de Facebook en WordPress

Nota: Este tutorial explicará cómo agregar una línea de tiempo visual a tu sitio web con tu propia información. Si buscas una forma de crear una línea de tiempo de redes sociales para varios usuarios, consulta nuestra guía sobre cómo crear un sitio web de redes sociales.

¿Por qué agregar una línea de tiempo estilo Facebook en WordPress?

Ya seas propietario de un negocio, blogger, sin fines de lucro, o cualquier otra cosa, una línea de tiempo visual puede ser una herramienta valiosa para mejorar tu sitio web de WordPress

Piensa en lo fácil y atractivo que es desplazarse por una línea de tiempo en Facebook. Puedes llevar esa misma experiencia de usuario a tu propio sitio web. Permitir que los visitantes exploren tu línea de tiempo a su propio ritmo hace que tu sitio sea más interactivo y fácil de usar.

Agregar una línea de tiempo también es una forma fantástica de contar historias con tu contenido. Por ejemplo, si tienes un sitio web de negocios, podrías mostrar visualmente la historia de tu marca, cuándo lanzaste nuevos productos o hitos importantes que has alcanzado. Es una forma cautivadora y sencilla para que la gente siga el hilo.

Una línea de tiempo al estilo de Facebook también ayuda a compartir la historia de tu marca de una manera creativa y memorable, conectando con tu audiencia a un nivel emocional.

Otra gran ventaja es que mantiene a los visitantes interesados. Al darles contenido interesante e informativo en formato de línea de tiempo, puedes animar a los visitantes a permanecer más tiempo en tu sitio web de WordPress.

Dicho esto, veamos cómo puedes agregar fácilmente una línea de tiempo al estilo de Facebook a tu blog o sitio web de WordPress.

Agregar una línea de tiempo al estilo de Facebook en WordPress

La forma más fácil de crear una línea de tiempo en tu sitio de WordPress es usando el plugin Timeline Block For Gutenberg. Este plugin gratuito de WordPress es súper simple de usar. No tendrás que lidiar con configuraciones complicadas y podrás hacer toda la personalización directamente en el editor de contenido de WordPress.

Primero, necesitarás instalar y activar el plugin Timeline Block For Gutenberg. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez que el plugin esté activado, simplemente ve a la página o publicación donde deseas agregar tu línea de tiempo estilo Facebook.

Cuando estés en el editor de contenido, simplemente haz clic en el signo ‘+’ y agrega un ‘Bloque de Línea de Tiempo’.

Agregar bloque de línea de tiempo

A continuación, verás una plantilla de línea de tiempo agregada al editor de contenido.

Desde aquí, puedes cambiar el diseño y la apariencia de la línea de tiempo desde el panel de configuración a la derecha.

Por ejemplo, el plugin te permite cambiar el diseño de vertical a horizontal y elegir si deseas mostrar la línea de tiempo en ambos lados o solo en uno.

Cambiar configuración de línea de tiempo

Si cambias a la pestaña ‘Estilo’ en el panel de configuración, obtendrás opciones para cambiar la apariencia de tu línea de tiempo.

Por ejemplo, hay opciones para editar la tipografía, el color del texto y el espaciado inferior para el encabezado y la descripción de la historia.

Cambiar el estilo de la línea de tiempo

También puedes encontrar más opciones de personalización en la pestaña ‘Avanzado’.

El plugin te permite cambiar el color de la línea, el color del ícono, el fondo del ícono, el espaciado entre elementos, el tamaño de la caja del ícono, el relleno del contenedor y mucho más.

Cambiar configuración avanzada para la línea de tiempo

A continuación, puedes editar el texto y las imágenes en la línea de tiempo.

Por defecto, el plugin agregará texto e imágenes de relleno. Simplemente puedes hacer clic en ellos para comenzar a editar.

Por ejemplo, si deseas cambiar la imagen, simplemente selecciónala y luego haz clic en la opción ‘Reemplazar’. Puedes subir una nueva imagen, seleccionar una imagen existente o incluso hacer algo avanzado como usar IA para generar imágenes.

Cambia la imagen y el texto en la línea de tiempo

De manera similar, también puedes hacer clic en el texto y reemplazarlo con tu contenido en la línea de tiempo.

A continuación, si necesitas agregar más historias a tu línea de tiempo, simplemente puedes hacer clic en el botón ‘+ Agregar Historia’ e ingresar una imagen y texto.

Agrega más historia y publica

Cuando hayas terminado, haz clic en el botón ‘Publicar’.

Ahora, puedes visitar tu sitio web para ver la línea de tiempo estilo Facebook en acción.

Vista previa de la línea de tiempo

Recursos Adicionales sobre la Creación de Líneas de Tiempo en WordPress

Aquí tienes algunas guías más útiles sobre cómo crear diferentes tipos de líneas de tiempo y mejorar la experiencia de usuario de tu sitio:

Esperamos que este artículo te haya ayudado a agregar una línea de tiempo al estilo de Facebook a tu sitio de WordPress. También puedes consultar nuestra guía sobre cómo crear un sitio de reseñas de nicho en WordPress y nuestra selección experta de los mejores plugins de portafolio de WordPress para diseñadores y fotógrafos.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

2 CommentsLeave a Reply

  1. Cómo agregar datos en la línea de tiempo desde el front end. Es decir, los datos se ingresarán desde una página web (como el resultado de un estudiante) y se mostrarán en la línea de tiempo en una página diferente.

  2. ¿Por qué no puedo comentar ni ver los comentarios de quienes visitan mi sitio? Además, ¿por qué no se muestran las imágenes junto a mis publicaciones?

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.