Widget gratuito de línea de tiempo de Elementor: líneas de tiempo verticales y horizontales

Timeline es un widget de complementos maestros gratuito para Elementor que establece fechas y eventos a lo largo de una línea de conexión. Cree una línea de tiempo personalizada a mano, con una fecha o etiqueta, contenido enriquecido, una imagen y un enlace para cada elemento, y muéstrela verticalmente o como un carrusel horizontal. Con Master Addons Pro también puedes crear una línea de tiempo de publicación directamente a partir de las publicaciones de tu blog. Se adapta a los historiales, hojas de ruta, horarios de eventos y archivos de noticias de la empresa.

Cómo agregar una línea de tiempo en Elementor

Estos pasos crean una línea de tiempo personalizada gratuita. El widget comienza con tres elementos de muestra, para que pueda ver el diseño antes de cambiar algo.

  1. En Elementor, busque en el panel de widgets “Timeline” y arrastre el widget de complementos maestros a la página.
  2. Mantenga el tipo de línea de tiempo en la línea de tiempo personalizada y elija Línea de tiempo vertical o Línea de tiempo horizontal.
  3. Abra cada fila debajo de Elementos y establezca la fecha o una etiqueta personalizada, el contenido, una imagen y un enlace.
  4. Haga clic en Agregar elemento para obtener más hitos y arrastre las filas para reordenarlas.
  5. Para obtener una línea de tiempo horizontal, configure la configuración de navegación y carrusel.
  6. Estilee las tarjetas, fechas, líneas y puntos en la pestaña Estilo y luego publique.

Nuestro tutorial de línea de tiempo revisa cada configuración con capturas de pantalla.

Tipos de línea de tiempo personalizados y posteriores en el widget Elementor Timeline

Cronología personalizada (gratis) o línea de tiempo posterior (Pro)

La línea de tiempo personalizada es la opción gratuita. Cada elemento obtiene una fecha, que puede cambiar por una etiqueta personalizada como “Fase 1”, un área de contenido de texto enriquecido, una imagen y un enlace opcional para toda la tarjeta. Los elementos también pueden tener su propia configuración de puntos y colores. Post Timeline, parte de Pro, crea la línea de tiempo a partir de sus publicaciones: filtrar por categoría, etiqueta o autor, excluir publicaciones específicas, establecer el orden y el desplazamiento, y elegir si desea mostrar el título, la imagen destacada y el extracto.

  • Cronología personalizada: una fecha o etiqueta, contenido, imagen y enlace personalizados para cada artículo.
  • Estilo por artículo para los colores de puntos, tarjetas y fechas.
  • Línea de tiempo de publicaciones (Pro): categoría, filtros de etiquetas y autores, publicaciones excluidas, desplazamiento y orden.
  • Las postales pueden mostrar el título, la imagen destacada, el extracto y un enlace para leer más.

Cronología vertical o carrusel horizontal

La línea de tiempo vertical apila cartas a lo largo de una línea central. Alineelas hacia la izquierda, el centro, la derecha o como superposición e invierta las posiciones de las cartas con un solo interruptor. La línea de tiempo horizontal, disponible para líneas de tiempo personalizadas, convierte los elementos en un carrusel. Elija un diseño de diapositiva o flujo de cobertura estándar, active la reproducción automática y el bucle, y elija navegación con flechas, puntos, un contador de fracciones o una barra de progreso.

  • Alineación vertical: izquierda, centro, derecha o superposición, con posiciones de tarjeta reversibles.
  • Carrusel horizontal con diseños de carrusel o Coverflow, reproducción automática y bucle.
  • Navegación con flechas, puntos, fracción, barra de progreso o barra de desplazamiento.
  • Controles de espaciado horizontal y vertical de las tarjetas.
Diseños de líneas de tiempo verticales y horizontales en Elementor
Estilismo completo de línea central y puntos

Estilo de líneas y puntos

Estilee la línea con un color de fondo, un color de progreso, grosor y un borde. Los puntos pueden ser puntos simples, íconos, imágenes, números o letras, y cada uno tiene estilos predeterminado, flotante y enfocado para tamaño, color de fondo, color de puntos y sombra de texto. De esta manera destaca del resto el hito que mira un visitante.

  • Fondo de línea, color de progreso, grosor y borde.
  • Cinco tipos de puntos: puntos, iconos, imágenes, números o letras.
  • Estados predeterminados, flotantes y enfocados para cada punto.

Estilo de cartas y citas con animaciones

Las tarjetas obtienen relleno, margen, relleno de contenido, radio de borde y título y tipografía de contenido separados. Su color, fondo, sombra de cuadro y sombra de texto pueden cambiar en los estados Predeterminado, Flotar y Enfocado. Active las tarjetas animadas para revelar cada tarjeta a medida que se desplaza hacia la vista. Las fechas tienen su propia tipografía, relleno, margen, sombra de texto y colores para los tres estados.

  • Controles de espaciado de tarjetas, radio y tipografía.
  • Estilos predeterminados, flotantes y enfocados para tarjetas y fechas.
  • Animar tarjetas para revelar elementos a medida que se desplazan hacia la vista.
Estilismo de tarjetas y fechas con animaciones

Cronología personalizada versus cronología posterior

Elementor no tiene un widget de línea de tiempo ni en su versión gratuita ni en su versión Pro, por lo que sin un complemento, construirías uno a partir de columnas, divisores y CSS personalizado. Así es como se comparan los dos tipos de líneas de tiempo.

Cronograma personalizadoPost cronología
PrecioGratisComplementos maestros Pro
ContenidoElementos que agregas en el panelTus publicaciones publicadas
ActualizacionesCuando editas los elementosCada vez que publicas una publicación
DiseñosCarrusel vertical u horizontalVertical
Cada entrada muestraFecha o etiqueta, contenido, imagen, enlaceTítulo, imagen destacada, fecha, extracto, leer más
Mejor paraHistorias, hojas de ruta, horariosArchivos de noticias, notas de la versión

Para obtener una cuadrícula de publicaciones completa junto a su línea de tiempo, use gratis Widget de blog. Para mostrar los números detrás de sus hitos, agregue Contrarrestar.

Visor de plantillas
Facebook
Gorjeo
WhatsApp
Copiar enlace
Compra ahora
Post cronología
Post cronología
Hitos
Hitos
Registro de cambios oscuro
Registro de cambios oscuro
Hoja de ruta horizontal
Hoja de ruta horizontal
Publicar blog de cronología
Publicar blog de cronología
Imágenes de estudio de caso
Imágenes de estudio de caso
Pasos superpuestos
Pasos superpuestos
Agenda de eventos
Agenda de eventos

Preguntas frecuentes sobre el cronograma

Conozca las consultas más solicitadas que tienen los usuarios sobre Timeline y encuentre respuestas en un solo lugar.
¿debo utilizar la línea de tiempo posterior o la línea de tiempo personalizada?

Utilice Custom Timeline, que es gratuito, cuando desee controlar cada fecha y entrada, como una página Nuestro historial o una hoja de ruta. Utilice Post Timeline, parte de Master Addons Pro, cuando la línea de tiempo debe actualizarse desde las publicaciones de su blog, como un archivo de noticias.

El estado enfocado diseña el elemento que está actualmente activo a medida que los visitantes se desplazan por la línea de tiempo o se mueven por el carrusel. Dale un fondo de tarjeta diferente, color de fecha o un punto más grande para que se destaque el hito actual.

¿el widget Elementor Timeline es gratuito?

Sí. Timeline es un widget gratuito que incluye el tipo de línea de tiempo personalizada y diseños verticales y horizontales. El tipo Post Timeline, que crea entradas a partir de las publicaciones de su blog, necesita Master Addons Pro.

Sí. Cada elemento de línea de tiempo personalizada tiene un campo Enlace que hace que se pueda hacer clic en toda la tarjeta. Las líneas de tiempo de publicaciones tienen un interruptor Habilitar enlaces que vincula cada tarjeta a su publicación. Evite otros enlaces dentro de una tarjeta vinculada, ya que no se permiten enlaces dentro de enlaces.

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Elemento Glassmorphism para Elementor de Master Addons

Vidriomorfismo

Inicio Extensión de Glassmorphism Elementor gratuita: Efecto del vidrio esmerilado en un solo cambio El Glassmorphism es el esmerilado...
Ver detalles
Extiéndalo más allá del ancho máximo

Extras de contenedores

Inicio ¿Estás cansado de que tus impresionantes diseños se limiten a límites rígidos de contenedores? Extras de contenedores por...
Ver detalles
Extensión de patrón

Patrones

Inicio Transforme contenedores planos y estáticos en elementos de diseño visualmente atractivos con los patrones de complementos maestros...
Ver detalles
Réplicas exactas en una sola acción

Duplicador de publicaciones/páginas

Inicio Optimice su flujo de trabajo y elimine la configuración repetitiva con el duplicador de páginas/publicaciones de complementos maestros. Esto...
Ver detalles
Extensión de la barra de progreso de lectura

Barra de progreso de lectura

Inicio ¿Alguna vez has empezado a leer un artículo largo y te preguntas cuánto queda? Entonces hazlo...
Ver detalles
Oferta de septiembre

40% fuera de todo

Cada plan Master Addons Pro, anual y de por vida. Un código, ocho días.

00días
00horas
00min
00sec

Finaliza el lunes 14 de septiembre a las 23:59 ET

  • Personal1 sitio $129$77
  • Negocio5 sitios $199$119
  • DesarrolladorSitios ilimitadosLo mejor para agencias $599$359

Paga una vez. Ninguna renovación, jamás.

Código de cupón MALIFE40
Obtenga 40% de descuento ahora
  • Más de 30.000 instalaciones activas
  • 4,5/5 de 212 reseñas
  • Devolución de dinero de 14 días