Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir una línea de tiempo al estilo de Facebook en WordPress

Añadir elementos visuales como líneas de tiempo a tu sitio solía significar horas de código personalizado o contratar a costosos desarrolladores. Por eso nos entusiasmó descubrir un plugin que te permite añadir una línea de tiempo al estilo de Facebook a tu sitio en cuestión de minutos.

Si desea mostrar la trayectoria de su vida, los hitos de su negocio, la historia de un proyecto o cualquier otra cosa, este plugin gratuito le permite diseñar una atractiva línea de tiempo interactiva sin tener que escribir una sola línea de código ni contratar a costosos desarrolladores.

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

How to add a Facebook style timeline in WordPress

Nota: Este tutorial le explicará cómo añadir una línea de tiempo visual a su sitio web con su propia información. Si usted está buscando una manera de crear una línea de tiempo de medios sociales para múltiples usuarios, a continuación, consulte nuestra guía sobre cómo hacer un sitio web de medios sociales.

¿Por qué añadir un Timeline estilo Facebook en WordPress?

Ya seas empresario, bloguero, organización sin ánimo de lucro o cualquier otra cosa, una línea de tiempo visual puede ser una valiosa herramienta para mejorar tu sitio web en WordPress.

Piense en lo fácil y atractivo que resulta desplazarse por una cronología en Facebook. Puedes trasladar esa misma experiencia de usuario a tu sitio web. Permitir que los visitantes exploren tu cronología a su propio ritmo hace que tu sitio sea más interactivo y fácil de usar.

Añadir 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 empresarial, puedes mostrar visualmente la historia de tu marca, cuándo lanzaste nuevos productos o los hitos importantes que has alcanzado. Es una forma cautivadora y fácil de que la gente te siga.

Un timeline al estilo de Facebook también ayuda a compartir la historia de tu marca de forma creativa y memorable, conectando con tu audiencia a un nivel emocional.

Otra gran ventaja es que mantiene la participación de los visitantes. Al ofrecerles contenido interesante e informativo en un formato de línea de tiempo, puede animar a los visitantes a permanecer en su sitio web WordPress durante más tiempo.

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

Añadir una línea de tiempo estilo Facebook en WordPress

La forma más fácil de crear una línea de tiempo en tu sitio WordPress es usando el plugin Timeline Block For Gutenberg. Este plugin gratuito de WordPress es muy fácil de usar. Usted no tendrá que meterse con los ajustes complicados, y usted puede hacer toda la personalización a la derecha en el editor de contenido de WordPress.

En primer lugar, tendrás que 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 activado el plugin, sólo tienes que dirigirte a la página o entrada en la que quieras añadir tu línea de tiempo al estilo Facebook.

Cuando estés en el editor de contenidos, haz clic en el signo “+” y añade un “Bloque de línea de tiempo”.

Add timeline block

A continuación, verá una plantilla de línea de tiempo añadida al editor de contenido.

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

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

Change timeline settings

Si vas a la pestaña “Estilo” del panel de configuración, tendrás opciones para cambiar el aspecto de tu línea de tiempo.

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

Change the style of timeline

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

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

Change advanced settings for timeline

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

Por defecto, el plugin añadirá texto e imágenes ficticios. Basta con hacer clic en ellos para empezar a editar.

Por ejemplo, si desea cambiar la imagen, sólo tiene que seleccionarla y hacer clic en la opción “Reemplazar”. Puedes subir una nueva imagen, seleccionar una existente o incluso hacer algo avanzado como usar IA para generar imágenes.

Change the image and text in the timeline

Del mismo modo, también puedes hacer clic en el texto y sustituirlo por tu contenido en la línea de tiempo.

A continuación, si necesitas añadir más historias a tu cronología, sólo tienes que hacer clic en el botón “+ Añadir historia” e introducir una imagen y un texto.

Add more story and publish

Cuando hayas terminado, haz clic en el botón “Publicar”.

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

Timeline preview

Recursos adicionales sobre la creación de líneas de tiempo en WordPress

Aquí tienes más guías útiles para 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 añadir un timeline estilo Facebook a tu sitio WordPress. También puedes consultar nuestra guía sobre cómo crear un sitio de reseñas en WordPress y nuestra selección de los mejores plugins de WordPress para portafolios de diseñadores y fotógrafos.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

2 comentariosLeave a Reply

  1. Preetam Kumar Patel

    How to add data in timeline from front end .Means data will be enter from a webpage (like result of a student) and it will be shown in the the time line in defferent page.

  2. Steve

    Why can I not comment or see comments of those who go to our site? Also, why are the pictures not showing up by my posts?

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.