Linha do tempo
O bloco timeline renderiza uma lista ordenada de eventos datados, cada um com um rótulo de data, um título e um corpo. Use-o para a história de uma empresa ("nossa trajetória"), changelogs de produto ou qualquer narrativa cronológica.
Campos
| Campo | Descrição | Obrigatório? |
|---|---|---|
heading | Título da seção exibido acima da linha do tempo. Exemplo de placeholder: "Our journey". | Não |
date (por evento) | Rótulo de data, ex. "2024". Texto livre, não um seletor de data, portanto qualquer formato é aceito. | Não |
title (por evento) | Título do evento. | Não |
body (por evento) | Descrição do evento. Aceita HTML bruto. | Não |
Os eventos são adicionados e removidos com o botão "Add event", e são renderizados na ordem em que aparecem no editor (não há ordenação automática por data).
Segurança de HTML
O heading da seção, e o date e title de cada evento, são escapados e renderizados como texto simples. O body de cada evento é renderizado sem escape, portanto aceita HTML bruto, permitindo adicionar links ou texto formatado dentro da descrição de um evento.
Este bloco também suporta os controles de aparência padrão: cor de fundo, borda, cor do texto, padding e margin.
Como usar
{{block:company-history}} Normalmente posicionado em uma página "About" ou "History", ou em um post de atualizações de produto/changelog.
Exemplo
Uma linha do tempo da história da empresa com três marcos:
| date | title | body |
|---|---|---|
| 2019 | Founded | Started as a two-person team working out of a shared office in Austin. |
| 2021 | Series A | Raised $8M led by <a href="https://example-vc.com">Example Ventures</a> to expand the engineering team. |
| 2024 | 10,000 customers | Crossed 10,000 paying customers across 40 countries. |
heading da seção: "Our journey". Como os eventos são renderizados na ordem do editor e não são ordenados automaticamente, liste-os em ordem cronológica você mesmo; reordená-los depois significa reinseri-los na nova ordem.