Widget de linha do tempo do elementor gratuito: linhas do tempo verticais e horizontais

Timeline é um widget gratuito de Master Addons para Elementor que estabelece datas e eventos ao longo de uma linha de conexão Construa uma Linha do Tempo Personalizada à mão, com uma data ou rótulo, conteúdo rico, uma imagem e um link para cada item, e mostre-o verticalmente ou como um carrossel horizontal Com Master Addons Pro você também pode construir uma Linha do Tempo Pós direto de suas postagens de blog Ele se adapta a históricos da empresa, roteiros, horários de eventos e arquivos de notícias.

Tipos de linha do tempo personalizados e postados no widget Linha do tempo do elementor

Linha do tempo personalizada (gratuita) ou linha do tempo pós (Pro)

Linha do tempo personalizada é a opção gratuita Cada item recebe uma data, que você pode trocar por um rótulo personalizado como “Phase 1”, uma área de conteúdo de rich text, uma imagem e um link opcional para todo o cartão Os itens também podem ter suas próprias configurações de ponto e cor Postar linha do tempo, parte do Pro, constrói a linha do tempo a partir de suas postagens: filtre por categoria, tag ou autor, exclua postagens específicas, defina a ordem e o deslocamento e escolha se deseja mostrar o título, imagem em destaque e trecho.

  • Linha do tempo personalizada: uma data ou rótulo personalizado, conteúdo, imagem e link para cada item.
  • Estilo por item para as cores do ponto, cartão e data.
  • Post Timeline (Pro): categoria, tag e filtros de autor, posts excluídos, offset e ordem.
  • Os cartões postais podem mostrar o título, a imagem em destaque, o trecho e um link para ler mais.

Linha do tempo vertical ou carrossel horizontal

A Linha do Tempo Vertical empilha cartões ao longo de uma linha central Alinhe-os à esquerda, centro, direita ou como uma sobreposição, e inverta as posições dos cartões com um interruptor A Linha do Tempo Horizontal, disponível para Linhas de Tempo Personalizadas, transforma os itens em um carrossel Escolha um slide padrão ou layout Coverflow, ligue a reprodução automática e o loop e escolha a navegação com setas, pontos, um contador de frações ou uma barra de progresso.

  • Alinhamento vertical: esquerdo, central, direito ou sobreposição, com posições reversíveis do cartão.
  • Carrossel horizontal com layouts Carrossel ou Coverflow, reprodução automática e loop.
  • Navegação com setas, pontos, fração, barra de progresso ou barra de rolagem.
  • Controles de espaçamento horizontal e vertical para as cartas.
Layouts de linha do tempo verticais e horizontais no Elementor
Linha Central Completa & Ponto Styling

Estilo de linha e ponto

Estilize a linha com uma cor de fundo, uma cor de progresso, espessura e uma borda Os pontos podem ser pontos simples, ícones, imagens, números ou letras, e cada um tem estilos Padrão, Passe o mouse e Focado para tamanho, cor de fundo, cor de ponto e sombra de texto Dessa forma, o marco que um visitante está olhando se destaca do resto.

  • Fundo da linha, cor do progresso, espessura e borda.
  • Cinco tipos de pontos: pontos, ícones, imagens, números ou letras.
  • Estados padrão, pairar e focalizado para cada ponto.

Estilo de cartão e data com animações

Os cartões recebem preenchimento, margem, preenchimento de conteúdo, raio de borda e tipografia de título e conteúdo separada Sua cor, fundo, sombra de caixa e sombra de texto podem mudar nos estados Padrão, Hover e Focado Ative os Cartões Animate para revelar cada cartão à medida que ele rola na visualização As datas têm sua própria tipografia, preenchimento, margem, sombra de texto e cores para todos os três estados.

  • Controles de espaçamento, raio e tipografia do cartão.
  • Estilos padrão, Hover e Focados para cartões e datas.
  • Anime Cartões para revelar itens à medida que eles vão aparecendo.
Estilo de cartão e data com animações

Linha do tempo personalizada versus linha do tempo pós

Elementor não tem widget de linha do tempo em qualquer sua versão gratuita ou Pro, então sem um addon você iria construir um a partir de colunas, divisores e CSS personalizado Aqui é como os dois tipos de Linha do Tempo se comparam.

Linha do tempo personalizadaPostar linha do tempo
PreçoGrátisMaster Addons Pro
ConteúdoItens que você adiciona no painelSeus posts publicados
AtualizaçõesQuando edita os itensCada vez que você publica um post
LayoutsCarrossel vertical ou horizontalVertical
Cada entrada mostraData ou rótulo, conteúdo, imagem, linkTítulo, imagem em destaque, data, trecho, leia mais
Melhor paraHistórias, roteiros, horáriosArquivos de notícias, notas de divulgação

Para uma grade de postagem completa ao lado da sua linha do tempo, use o grátis Widget blog. Para mostrar os números por trás de seus marcos, adicione Contrapor.

Visualizador de modelos
Facebook
Twitter
WhatsApp
Copiar link
Compre Agora
Postar linha do tempo
Postar linha do tempo
Marcos
Marcos
Changelog escuro
Changelog escuro
Roteiro Horizontal
Roteiro Horizontal
Blog pós-linha do tempo
Blog pós-linha do tempo
Imagens de estudo de caso
Imagens de estudo de caso
Passos Sobrepostos
Passos Sobrepostos
Agenda Evento
Agenda Evento
Linha do tempo alternativa de reconstrução
Linha do tempo alternativa de reconstrução
Linha do tempo do campo de imagem do arco
Linha do tempo do campo de imagem do arco
Linha do tempo de investigação alinhada à direita
Linha do tempo de investigação alinhada à direita
Linha do tempo de fabricação horizontal
Linha do tempo de fabricação horizontal
Linha do tempo da semana do cartão dividido
Linha do tempo da semana do cartão dividido
Linha do tempo de mídia Arch alternada
Linha do tempo de mídia Arch alternada
Linha do tempo de teste do cartão leve
Linha do tempo de teste do cartão leve
Cronograma Horizontal do Ano
Cronograma Horizontal do Ano

Como adicionar uma linha do tempo no Elementor

Essas etapas constroem uma Linha do Tempo Personalizada gratuita O widget começa com três itens de amostra, para que você possa ver o layout antes de alterar qualquer coisa.

  1. No Elementor, pesquise no painel de widgets por “Timeline” e arraste o widget Master Addons para a página.
  2. Mantenha o tipo de linha do tempo na linha do tempo personalizada e escolha Linha do tempo vertical ou linha do tempo horizontal.
  3. Abra cada linha em Itens e defina a data ou rótulo personalizado, o conteúdo, uma imagem e um link.
  4. Clique em Adicionar item para obter mais marcos e arraste as linhas para reordená-los.
  5. Para uma linha do tempo horizontal, defina as configurações de navegação e carrossel.
  6. Estile os cartões, datas, linha e pontos na guia Estilo e publique.

Nosso tintorial timeline passa por cada configuração com capturas de tela.

Perguntas frequentes para linha do tempo

Saiba as consultas mais solicitadas que os usuários têm sobre a Linha do Tempo e encontre respostas em um só lugar.
Devo usar a Linha do Tempo Postal ou a Linha do Tempo Personalizada?

Use Custom Timeline, que é gratuito, quando você deseja controlar cada data e entrada, como uma página Nosso Histórico ou um roteiro Use Post Timeline, parte do Master Addons Pro, quando a linha do tempo deve se atualizar a partir de suas postagens de blog, como um arquivo de notícias.

O estado Focado estiliza o item que está atualmente ativo enquanto os visitantes percorrem a linha do tempo ou se movem pelo carrossel Dê a ele um fundo de cartão diferente, cor da data ou um ponto maior para que o marco atual se destaque.

O widget Elementor Timeline é gratuito?

Sim. Timeline é um widget gratuito, incluindo o tipo Custom Timeline e ambos os layouts verticais e horizontais O tipo Post Timeline, que constrói entradas a partir de suas postagens de blog, precisa de Master Addons Pro.

Sim. Cada item Custom Timeline tem um campo Link que torna todo o cartão clicável Post Timelines tem um interruptor Enable Links que liga cada cartão ao seu post Evite outros links dentro de um cartão vinculado, uma vez que links dentro de links não são permitidos.

Widgets e extensões de elementos de tendência

Construa sites sofisticados em menos tempo.

Extensão Master Addons Glassmorphism para Elementor: cartões de vidro fosco com o controle Blur Value definido como 20 px

Glassmorphismo

Extensão de Glassmorphism de Elementor Livre em Casa: Efeito de vidro fosco em uma alternância O Glassmorphism é o fosco...
Ver detalhes
Extensão Master Addons Container Extras para Elementor: contêiner tampado em uma largura máxima de 1400 px, com controles de largura máxima, altura máxima, largura mínima e altura mínima

Contêiner Extras

Home Elementor Container Max Width e Max Height Controls Container Extras é um Master gratuito...
Ver detalhes
Extensão Master Addons Patterns para Elementor: herói com o estilo Purple Gradient Grid Left, mais três estilos de padrões e o painel Habilitar Padrão

Padrões

Início 70+ Padrões de fundo de elementor gratuitos é uma extensão gratuita de complementos mestres que adiciona...
Ver detalhes
Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]

Duplicador de postagem/página

Home Páginas e postagens de elementos duplicados em um clique Post/Page Duplicator é um Master gratuito...
Ver detalhes
Extensão da barra de progresso de leitura de complementos mestres para Elementor: barra azul 42% preenchida na parte superior de uma página de política de privacidade, com configurações de habilitação, posição, altura e preenchimento de cores

Barra de progresso de leitura

Início Adicionar uma barra de progresso de leitura no WordPress (Elementor) A barra de progresso de leitura é gratuita...
Ver detalhes