Linha do tempo
História, progresso e roadmaps são todos sobre sequência de conteúdo, mas listar eventos em bullet points perde a narrativa Master Addons Timeeline Element dá vida à sequência Escolha construir uma Linha do tempo personalizada com marcos artesanais, ou gerar uma Linha do tempo pós automaticamente a partir do seu blog Exiba-a como uma Linha do tempo vertical clássica ou um carrossel Horizontal moderno Estilo cada componente: a linha central, marcadores de data, cartões de conteúdo e navegação Perfeito para históricos de empresas, roadmaps de projetos, viagens biográficas ou mostrar o arquivo do seu blog de uma forma visualmente atraente Não basta contar às pessoas o que aconteceu (mostreine-lhes a jornada).
Linha do tempo de postagens personalizadas ou dinâmicas
Comece escolhendo a fonte da sua linha do tempo Para controle criativo total, selecione Linha do tempo personalizada Adicione itens manualmente, cada um com sua própria data, título, conteúdo rico (texto, mídia) e um link opcional Para uma linha do tempo dinâmica e de atualização automática, escolha Linha do tempo pós-criadora automaticamente marcos de suas postagens de blog, usando a data de publicação como ponto da linha do tempo Filtre as postagens por categoria, tag ou autor e controle o pedido e o número exibidos Essa flexibilidade permite criar qualquer coisa, desde uma página de histórico pessoal até um feed dinâmico do blog “Our Story”.
- Linha do tempo personalizada: crie uma linha do tempo personalizada com controle total sobre cada data, título, descrição e imagem.
- Geração Automática: Use a Linha do Tempo da Postagem para transformar o arquivo do seu blog em uma história cronológica visual.
- Filtragem de postagens inteligentes: para linhas de tempo de postagem, inclua ou exclua postagens por categoria, tag, autor ou IDs de postagem específicos.
- Cartões de conteúdo rico: adicione texto formatado, imagens e links para cada item da linha do tempo, seja manual ou de uma postagem.
Layouts verticais e horizontais com carrossel
Apresente sua linha do tempo na orientação que se adapta à sua página A linha do tempo vertical clássica empilha itens ordenadamente em uma coluna, perfeita para barras laterais ou páginas de história de formato longo Para uma exibição mais envolvente e interativa, use a linha do tempo horizontal (Carrossel) Isso transforma sua linha do tempo em um carrossel liso e rolável com setas de navegação configuráveis Controle o espaçamento horizontal e vertical entre os itens e ajuste o alinhamento do conteúdo dentro de cada cartão Isso garante que sua linha do tempo não seja apenas informativa, mas também uma parte dinâmica do layout da página.
- Escolha de orientação: Escolha um layout vertical tradicional ou um estilo moderno de carrossel horizontal.
- Carrossel interativo: Para linhas de tempo horizontais, habilite rolagem suave, setas de navegação e controle o comportamento de rolagem.
- Controle de layout preciso: ajuste a lacuna, o espaçamento e o alinhamento do item (esquerda, centro) para um posicionamento perfeito em pixels.
- Economia de espaço: O carrossel horizontal é ideal para seções de heróis ou áreas com espaço vertical limitado.
Linha Central Completa & Ponto Styling
A linha central e os icônicos âncoras visuais Estilo a Linha em si Os pontos são cor, espessura e. Em seguida, projete os Pontos (ou ícones) que marcam cada evento na linha Escolha o Tipo (pontos simples ou I personalizado) Estiloá-los para os estados Padrão, Hover e Focado, alterando seu Tamanho, Cor de Fundo e Cor dos Pontos Você pode até adicionar uma Sombra de Texto para profundidade Isso transforma o esqueleto da linha do tempo de um divisor simples em um elemento gráfico projetado.
- Design da Linha Central: Personalize a cor e o estilo da linha de conexão da linha do tempo.
- Pontos Interativos: Estile os marcadores com três estados (Normal, Hover, Focados) para obter feedback claro de interação.
- Escolha de ícone ou ponto: use pontos simples ou selecione qualquer ícone da biblioteca como marcadores de linha do tempo.
- Hierarquia Visual: Faça o ponto ativo ou pairado maior ou uma cor diferente para chamar a atenção.
Estilo de cartão e data com animações
Faça do cartão de cada evento uma mini obra-prima Estilo o recipiente de Cartões: defina Cor de Fundo, Raio de Fronteira, Preenchimento, Margem e uma Sombra de Caixa para profundidade Habilite Cartões de Animação para efeitos de entrada suaves Separadamente, projete os rótulos de Data com sua própria Tipografia, Cor e Espaçamento Estilo esses elementos para Padrão, Hover e o importante estado Focado (quando um cartão está ativo/centrado) Isso garante que cada marco seja visualmente distinto e prazeroso de interagir.
- Design do contêiner de cartão: Estile o fundo, as bordas, as sombras e o espaçamento de cada cartão de item da linha do tempo.
- Estilo de rótulo de data: forneça ao texto de data sua própria cor, fonte e sombra, separada do conteúdo do cartão.
- Controle de estado triplo: defina estilos exclusivos para quando uma carta estiver normal, pairada ou em visualização focada.
- Animações suaves: adicione animações de entrada sutis aos cartões à medida que eles aparecem.
Perguntas frequentes para linha do tempo
Devo usar a Linha do Tempo Postal ou a Linha do Tempo Personalizada?
Use Post Timeline se quiser uma linha do tempo automatizada e sempre atualizada com base em suas postagens de blog (ótimo para “Company Updates” ou “News History”).
Use a Linha do Tempo Personalizada se precisar de controle total sobre datas, conteúdo e imagens para uma história fixa (perfeita para “Our History,” “Biography,” ou “Project Roadmap”).
Como funciona o estado "Focado"?
O estado Focado é particularmente útil em linhas de tempo Horizontais (Carrossel) Ele aplica um estilo especial ao cartão que está atualmente centrado ou ativo na visualização, ajudando-o a se destacar visualmente Você pode torná-lo maior, alterar seu fundo ou adicionar uma sombra para indicar que é o item principal em vista.
A linha do tempo responde no celular?
Sim. linhas do tempo verticais vão empilhar naturalmente Os carrosséis de linha do tempo horizontais se tornarão riscáveis por toque no celular, e as setas de navegação irão ajustar ou podem ser ocultadas Os layouts de cartão, texto e imagens serão redimensionados adequadamente para telas pequenas.
Posso vincular um cartão de linha do tempo inteiro a uma página?
Sim. nas configurações de itens Custom Timeline, você pode adicionar um Link Habilite a opção de vincular todo o cartão Para Post Timelines, você pode ativar Links no nível do cartão, tornando cada cartão clicável em seu único post Tenha cuidado para não ter outros links dentro do cartão se você ativar isso.
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
