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.
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.
- No Elementor, pesquise no painel de widgets por “Timeline” e arraste o widget Master Addons para a página.
- Mantenha o tipo de linha do tempo na linha do tempo personalizada e escolha Linha do tempo vertical ou linha do tempo horizontal.
- Abra cada linha em Itens e defina a data ou rótulo personalizado, o conteúdo, uma imagem e um link.
- Clique em Adicionar item para obter mais marcos e arraste as linhas para reordená-los.
- Para uma linha do tempo horizontal, defina as configurações de navegação e carrossel.
- 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, e o vídeo na parte superior desta página mostra as mesmas etapas.
Elementor ou Elementor Pro têm um widget de linha do tempo?
Não. Nem Elementor nem Elementor Pro inclui um widget de linha do tempo, então você precisa de um addon ou um layout construído à mão feito de contêineres, bordas e CSS personalizado O widget Master Addons Timeline funciona com Elementor por conta própria, e você não precisa do Elementor Pro para isso Aqui está o que o widget cobre.
| Widget de linha do tempo | |
|---|---|
| layouts | Vertical ou um carrossel horizontal |
| Alinhamento cartão | Esquerda, Centro, Sobreposição ou Direita |
| Fontes conteúdo | Itens que você adiciona manualmente ou postagens do seu blog (Post Timeline, Pro) |
| Cada item | Data ou etiqueta personalizada, conteúdo rico, imagem e link para todo o cartão |
| Tipos de pontos | Pontos, ícones, imagens, números ou letras |
| Navegação horizontal | Setas, pontos, fracção ou barra de progresso, com uma barra de rolagem opcional |
| Seções de estilo | 10, incluindo Cartões, Datas, Linha e Pontos |
| Necessidades | Complementos Elementor e Master |
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 no Elementor
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 do cartão com um interruptor O Espaçamento Horizontal e o Espaçamento Vertical definem as lacunas Em tablets e telefones os cartões se movem para um lado da linha.
- Alinhamento Horizontal: Esquerda, Centro, Sobreposição ou Direita.
- Cartas Reversas As posições invertem qual lado vem primeiro.
- Alinhamento vertical e dois controles deslizantes de espaçamento para as cartas.
- As cartas movem-se para um lado em tablets e telefones.
Linha do tempo horizontal em Elementor (carrossel)
Defina o Estilo da Linha do Tempo para Linha do Tempo Horizontal e uma Linha do Tempo Personalizada torna-se um carrossel, com os pontos em uma linha acima das cartas Em Navegação, escolha Setas e Pontos, Setas e Fração, Setas, Pontos, Progresso ou Nenhum, e adicione uma barra de rolagem se quiser Configurações do Carrossel tem um layout padrão ou Coverflow, Reprodução Automática com sua própria velocidade, Pausa no Hover, Loop e Slides para Rolar.
- Seis opções de navegação, além de uma barra de rolagem opcional.
- Layout de carrossel ou Coverflow.
- Reprodução automática, pausa no Hover, loop e slide central.
- Disponível para linhas de tempo personalizadas.
Veja ao vivo no Demonstração do Roteiro Horizontal.
Postar linha do tempo: construa uma linha do tempo a partir de suas postagens de blog (Pro)
Post Timeline faz parte do Master Addons Pro. Mude o Tipo de Linha do Tempo para Postar Linha do Tempo e o widget lista suas postagens publicadas ao longo da linha, a mais nova primeiro por padrão, para que a linha do tempo cresça cada vez que você publicar Defina as Postagens por Página, Publique Pedido e Ordenar Por, filtre por Categoria, Tag ou Autor, pule as postagens com Postagens para Excluir e use Contagem de Postagem Deslocada para iniciar mais abaixo na lista As linhas do tempo das Postagens são verticais.
- Consulta: postagens por página, pós-encomenda, pedido por e contagem de postagens offset.
- Filtros: Categoria, Tag, Autor e Posts a Excluir.
- Mostrar ou ocultar o título, imagem, trecho e botão Ler Mais.
- Habilitar links faz com que cada link de cartão seja enviado para sua postagem.
Para uma grade ou lista de postagens, use o Widget blog.
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.
Linha do tempo personalizada versus linha do tempo pós
Veja como os dois tipos de linha do tempo se comparam.
| Linha do tempo personalizada | Postar linha do tempo | |
|---|---|---|
| Preço | Grátis | Complementos mestres Pro |
| Conteúdo | Itens que você adiciona no painel | Seus posts publicados |
| Atualizações | Quando edita os itens | Cada vez que você publica um post |
| layouts | Carrossel vertical ou horizontal | vertical |
| Cada entrada mostra | Data ou rótulo, conteúdo, imagem, link | Título, imagem em destaque, data, trecho, leia mais |
| Melhor para | Histórias, roteiros, horários | Arquivos 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.
Exemplos de linha do tempo
O visualizador abaixo tem 16 designs prontos Abra qualquer um deles para vê-lo ao vivo.
- Marcos para o histórico de uma empresa.
- Dark Changelog para notas de lançamento.
- Roteiro Horizontal para fases do produto.
- Publique o blog da linha do tempo para postagens em ordem de data.
- Estudo de caso Imagens para etapas do projeto com fotos.
- Passos de sobreposição para um processo.
- Agenda do Evento para uma programação.
Perguntas frequentes para linha do tempo
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.
Como funciona o estado "Focado"?
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.
Posso construir uma linha do tempo no Elementor sem um plugin?
Sim, um simples. empilhe contêineres em uma coluna, dê a cada um uma borda esquerda para a linha e coloque um widget de ícone na borda com Posição definida como Absoluto para o ponto. Lados alternados, um layout horizontal e animação de rolagem precisam de CSS personalizado ou um widget de linha do tempo.
Como adiciono uma linha do tempo horizontal no Elementor?
Adicione o widget Linha do tempo, mantenha o tipo de linha do tempo na linha do tempo personalizada e defina o estilo da linha do tempo na linha do tempo horizontal. Em seguida, escolha as setas ou pontos em Navegação e defina reprodução automática e loop em Configurações do carrossel.
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.
Posso vincular um cartão de linha do tempo inteiro a uma página?
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.
A linha do tempo pode extrair postagens do blog automaticamente?
Sim, com o tipo Post Timeline no Master Addons Pro. Ele lê suas postagens publicadas e você controla a ordem, o número de postagens e os filtros de categoria, tag ou autor.
Por que as cartas parecem em branco até EU rolar?
Cartões de Animação está ligado Cada cartão permanece escondido até que ele rolar em vista, então ele desliza em. Desligar Cartões de Animação na seção Cartões da guia Estilo se você quiser cada cartão visível desde o início.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
![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]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de postagem/página
