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.
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.
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
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 personalizada | Postar linha do tempo | |
|---|---|---|
| Preço | Grátis | Master Addons 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.
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.
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.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
