Como Adicionar Linhas do Tempo de Eventos Bonitas no WordPress (2 Métodos)

Você quer compartilhar a história da sua empresa sem entediar seus visitantes com longos blocos de texto? Uma linha do tempo visual é a solução perfeita.

Linhas do tempo de eventos são uma maneira fantástica de destacar sua história ou mostrar momentos importantes de uma forma que realmente engaja seu público.

Em vez de pular muros de texto, os visitantes são atraídos para uma jornada visual que os guia por cada marco.

Após testar muitas soluções de linha do tempo para WordPress, encontramos duas que são fáceis de usar e entregam resultados com aparência profissional. Neste guia, mostraremos como criar linhas do tempo bonitas que mantêm os visitantes interessados e rolando. 🚀

📌 Resposta Rápida: A maneira mais fácil de adicionar uma linha do tempo ao WordPress é usando o plugin Cool Timeline. Ele oferece dois métodos:

Recurso	Método 1 – Histórias da Linha do Tempo	Método 2 – Bloco de Linha do Tempo
🌟 Melhor Para	Linhas do tempo globais reutilizáveis	Linhas do tempo únicas e pontuais
🎢 Flexibilidade	Alta (Atualizações globais)	Moderada (Específica da página)
⚙️ Configuração	Menu do painel	Editor de Blocos

Por que adicionar uma bela linha do tempo de eventos no WordPress?

Linhas do tempo de eventos destacam marcos significativos com uma estrutura clara e cronológica. Estudos mostram que conteúdo com recursos visuais relevantes obtém 94% mais visualizações do que conteúdo apenas em texto, e o uso de uma linha do tempo pode ajudar a aprimorar o aspecto de contar histórias do seu conteúdo.

Além de marcos, as linhas do tempo permitem que você represente visualmente o progresso, as fases e a interconexão de eventos. Isso pode tornar seu conteúdo mais envolvente.

Quando se trata de casos de uso, muitos sites WordPress usam linhas do tempo para exibir eventos relacionados de forma organizada e visualmente atraente.

Empresas e organizações também costumam usar linhas do tempo para mostrar sua história.

Se você tem um site de portfólio, como um portfólio de fotografia online, então você pode mostrar suas fotografias em uma linha do tempo vertical agradável que mostra sua jornada ao redor do mundo.

Isso pode ser mais envolvente do que escrever sua história e adicioná-la ao seu site como uma página de texto simples.

Como Adicionar uma Linha do Tempo de Eventos no WordPress

A maneira mais fácil de adicionar uma linha do tempo de eventos no WordPress é usando o plugin Cool Timeline. Este plugin gratuito e fácil de usar permite que você crie linhas do tempo impressionantes de forma rápida e fácil.

Para começar, você pode navegar até Plugins » Adicionar Novo Plugin no seu painel de administração do WordPress.

Na tela seguinte, digite 'Cool Timeline' na barra de pesquisa para encontrar rapidamente o plugin.

Quando o encontrar, clique em 'Instalar Agora' e 'Ativar'.

Para detalhes, você pode consultar nosso guia sobre como instalar um plugin do WordPress.

Após a ativação, você verá um novo menu Timeline Addons na barra lateral de administração do seu WordPress.

Com este plugin, você pode criar linhas do tempo de eventos em 2 métodos.

O primeiro método envolve adicionar histórias individualmente através do menu Timeline Addons. Isso cria um banco de dados de eventos que permite exibir exatamente a mesma linha do tempo em várias páginas do seu site automaticamente.

No entanto, este método não permite reutilizar a mesma linha do tempo em todo o seu site, a menos que você a salve como um Padrão Sincronizado (anteriormente conhecido como Bloco Reutilizável).

A outra opção é usar o Bloco Cool Timeline para construir uma linha do tempo visual dentro do editor de blocos do WordPress. Isso permite que você mostre diferentes linhas do tempo em diferentes partes do seu site.

Por outro lado, este método não permite reutilizar a mesma linha do tempo em todo o seu site, a menos que você a salve como um padrão de bloco.

Neste guia, cobriremos ambos os métodos. Não importa como você construa sua linha do tempo, você precisará instalar e ativar o plugin Cool Timeline.

Assim que terminar, você estará pronto para criar sua linha do tempo usando o menu Timeline Addons ou o editor de blocos. Se preferir ir direto para um método específico, você pode usar os links abaixo:

Pronto? Vamos começar.

Método 1. Como Criar uma Linha do Tempo de Eventos Reutilizável Usando o Menu Timeline Addons

Para criar seu primeiro evento, você pode ir em Timeline Addons » Add New Story no seu painel do WordPress.

Você pode então dar um título ao evento digitando-o no campo ‘Add Title’.

No editor principal, digite a descrição do evento.

Depois de fazer isso, clique no link 'Definir imagem destacada' na coluna da direita.

Agora você pode escolher a imagem que representará o evento em sua linha do tempo. Você pode clicar para escolher uma imagem da biblioteca de mídia do WordPress ou fazer o upload de um novo arquivo de imagem do seu computador.

Em seguida, você vai querer rolar para baixo até a seção ‘Timeline Story Settings’. Aqui, você pode clicar no campo ‘Story Date / Year’ e usar o pop-up do calendário para selecionar a hora e a data em que o evento aconteceu.

Você também pode escolher entre uma imagem ‘Full’ ou ‘Small’ para o evento.

Na imagem a seguir, você pode ver um exemplo de uma imagem ‘Full’.

Imagens maiores chamarão a atenção do visitante para os eventos mais importantes na linha do tempo. No entanto, imagens ‘Full’ ocupam mais espaço.

A imagem a seguir mostra o mesmo evento, mas desta vez com uma imagem ‘Small’ em vez disso.

Se você quiser adicionar muitos eventos diferentes à sua linha do tempo, talvez queira usar a configuração ‘Small’.

Isso pode ajudar a evitar que sua linha do tempo pareça confusa.

Após fazer essas alterações, você vai querer rolar até o topo da página e clicar no botão ‘Publish’.

E é isso – você pode agora repetir esses passos para criar mais eventos.

Quer ver todos os eventos que você criou até agora? Então simplesmente vá para Timeline Addons » Cool Timeline Stories.

Depois de ter criado todos os seus eventos, o próximo passo é personalizar a aparência da linha do tempo em seu site.

Para fazer isso, você pode ir em Add-ons de Linha do Tempo » Configurações da Linha do Tempo » Configurações Gerais.

Na seção ‘Título da Linha do Tempo’, você pode digitar o título que aparecerá acima da sua linha do tempo.

O Cool Timeline também pode exibir uma imagem acima de sua linha do tempo, como o logotipo da sua empresa. Isso pode ajudar a reforçar sua marca e informar aos visitantes o que a linha do tempo está mostrando.

Para adicionar esta imagem opcional, você precisará clicar no botão ‘Upload’.

Agora você pode escolher uma imagem da sua biblioteca de mídia do WordPress ou fazer o upload de um novo arquivo do seu computador.

Se você adicionar muito texto a uma linha do tempo, ela pode parecer confusa e desagradável.

Com isso em mente, você pode querer definir um número máximo de palavras a serem exibidas na linha do tempo. Para definir um limite máximo de palavras, basta digitar um número no campo 'Comprimento do Conteúdo'.

Se você definir um limite, é uma boa ideia adicionar links de 'Leia Mais' à sua linha do tempo. O Cool Timeline adicionará este link a quaisquer descrições que sejam maiores que o seu limite de palavras.

Para adicionar este link, encontre a seção ‘Exibir ler mais?’ e clique no botão ‘Sim’.

Agora você pode decidir se clicar no link ‘Leia Mais’ mostrará o restante do seu texto na mesma aba ou em uma nova aba do navegador. Para fazer essa escolha, basta clicar em um dos botões de rádio ‘Mesma Aba’ ou ‘Nova Aba’.

Por padrão, a linha do tempo mostra o ano em que cada evento ocorreu. No entanto, você pode não precisar sempre mostrar essa informação. Por exemplo, se todos os eventos aconteceram no mesmo ano.

Para ocultar o rótulo do ano, basta clicar no controle deslizante ‘Rótulo do Ano’ para alternar de ‘Mostrar’ para ‘Ocultar’.

Por padrão, o primeiro evento em sua linha do tempo aparecerá no lado direito da linha vertical da linha do tempo.

Quer mostrar este evento no lado esquerdo da linha do tempo em vez disso? Então, basta clicar no botão ‘Esquerda’ ao lado de ‘Histórias da Linha do Tempo Vertical Começam Em.’

Quando estiver satisfeito com suas alterações, clique no botão ‘Salvar’ para salvá-las.

Agora, você pode passar para a aba ‘Configurações de Estilo’.

Por padrão, a linha do tempo não tem fundo.

Se desejar, você pode adicionar um fundo colorido à sua linha do tempo clicando no controle deslizante 'Fundo da Linha do Tempo' para mudá-lo de 'Não' para 'Sim'.

Em seguida, clique no botão ao lado de ‘Cor de fundo da história’.

Agora você deve ser capaz de escolher uma cor de fundo usando as configurações do seletor de cores.

Esta tela também possui configurações de cores semelhantes para todas as diferentes partes da sua linha do tempo, incluindo a linha vertical e os títulos dos eventos. Para alterar qualquer uma dessas cores padrão, basta clicar no botão da seção e, em seguida, usar o seletor de cores que aparece.

Quando estiver satisfeito com as alterações feitas, não se esqueça de clicar no botão ‘Salvar’.

Em seguida, você pode querer ir para a aba 'Configurações de Tipografia'. Aqui, você pode alterar a fonte e ajustar o tamanho dos diferentes conteúdos em sua linha do tempo, como o título da linha do tempo e o título da história.

Se você alterar as configurações de tipografia padrão, não se esqueça de salvar suas alterações clicando no botão 'Salvar'.

Depois de terminar de personalizar a linha do tempo, você estará pronto para adicioná-la ao seu site. Simplesmente abra a página ou post onde você deseja exibi-la e, em seguida, clique no botão ‘+’.

Agora, digite 'Cool Timeline' na barra de pesquisa de blocos. Como você criou seus eventos usando o menu 'Histórias', você deve selecionar o bloco Cool Timeline Shortcode para exibi-los.

Isso puxará automaticamente as histórias que você acabou de criar e as exibirá em um layout vertical.

Você pode então atualizar ou publicar sua página normalmente.

Agora, se você visitar seu site, verá a linha do tempo ao vivo.

Método 2. Como Criar Múltiplas Linhas do Tempo de Eventos no WordPress Usando o Bloco Timeline

O Bloco Cool Timeline permite que você crie uma linha do tempo visualmente dentro do editor de blocos.

Este bloco tem muito conteúdo de espaço reservado. Para construir sua linha do tempo, você simplesmente precisa substituir cada espaço reservado pelo seu próprio texto e imagens. Isso permite que você construa sua linha do tempo de forma mais visual.

Antes de começarmos, observe que este método não usa as histórias que criamos no Método 1. Em vez disso, você inserirá manualmente os detalhes do evento diretamente no bloco.

Para fazer isso, basta abrir a página ou postagem onde você deseja adicionar uma linha do tempo.

Você pode então clicar no ícone ‘+’ e digitar ‘Cool Timeline Block.’ Quando este bloco aparecer, clique para adicioná-lo à página ou postagem.

O bloco Cool Timeline tem 4 eventos de espaço reservado. Você pode começar a editá-los um por um clicando no primeiro evento na linha do tempo.

No menu do lado direito, simplesmente substitua o espaço reservado ‘Story Heading’ pelo título que você deseja usar para este evento.

Em seguida, você pode adicionar uma descrição ao campo ‘Story Description’.

Depois disso, você vai querer encontrar o campo ‘Primary Label (Date/Steps)’. Aqui, prossiga e digite a data em que este evento ocorreu.

Por padrão, o bloco Cool Timeline mostra o primeiro evento no lado direito da linha do tempo.

Se você preferir mostrar o evento no lado esquerdo da linha vertical, então você pode clicar no botão de rádio ‘Left’.

Agora, o bloco Cool Timeline tem uma imagem de espaço reservado para cada evento. Para substituir este espaço reservado pela sua própria imagem, simplesmente clique no botão ‘Remove’.

Depois de fazer isso, clique no botão ‘Upload/Choose Image’.

Você pode então escolher uma imagem da biblioteca de mídia ou fazer o upload de um novo arquivo do seu computador.

Para obter os melhores resultados, recomendamos o uso de imagens com a mesma proporção, como todas quadradas ou todas paisagem, para que sua linha do tempo fique organizada e profissional.

O Bloco Cool Timeline exibirá então cada imagem em seu tamanho total. Para mostrar uma imagem menor em vez disso, abra o menu suspenso 'Tamanho da Imagem' e escolha 'Médio' ou 'Miniatura'.

Assim que você clicar em um dos diferentes tamanhos de imagem, o bloco será atualizado para mostrar a nova imagem. Isso permite que você experimente diferentes tamanhos para ver o que fica melhor em seu site.

Por padrão, a linha do tempo marca cada evento na linha vertical com um ponto. Você pode querer substituir este ponto simples por um ícone personalizado.

Por exemplo, você pode usar ícones diferentes para diferentes tipos de eventos. Em seguida, você pode explorar os diferentes ícones personalizados que pode usar para sua linha do tempo clicando no botão de rádio ‘Custom (Font Awesome Icon)’.

Assim que fizer isso, um menu suspenso com um ícone de seta aparecerá. Você vai querer expandi-lo para rolar por todos os ícones diferentes.

Quando você encontrar o ícone perfeito para usar em seu evento, você pode clicar nele.

Agora você pode personalizar o restante dos eventos de espaço reservado seguindo o mesmo processo descrito acima.

Se você quiser adicionar mais eventos à linha do tempo, basta clicar no ícone ‘Adicionar História’. Isso adicionará um novo evento de espaço reservado pronto para você personalizar.

Quando estiver satisfeito com a aparência da linha do tempo, você pode atualizar ou publicar a página normalmente. Feito isso, sua linha do tempo estará ativa em seu site WordPress.

Dica Bônus: Adicionar Schema de Evento no WordPress

Depois de criar uma linha do tempo bonita para exibir seus eventos ou marcos, você pode ir um passo além, ajudando os mecanismos de busca a entenderem do que se trata.

É aí que entra o schema de evento.

O schema de evento é um tipo especial de código que funciona nos bastidores. Ele fornece ao Google um resumo claro dos detalhes importantes do seu evento, como data, hora, local e talvez informações de ingressos, em um formato estruturado que ele pode ler facilmente.

Além disso, adicionar o schema de eventos pode ajudar seu conteúdo a aparecer em rich snippets ou nas listagens de eventos do Google. Quer você esteja compartilhando eventos futuros ou a história da empresa, isso ajuda as pessoas certas a encontrá-lo quando pesquisam atividades ou marcos relacionados.

Uma das maneiras mais fáceis de fazer isso é usando o AIOSEO Pro, o melhor plugin de SEO para WordPress. Ele oferece um poderoso Gerador de Schema que suporta vários tipos de schema, incluindo Evento, para ajudar os mecanismos de pesquisa a entender e destacar melhor seu conteúdo.

Para detalhes, consulte nosso guia sobre como adicionar schema de eventos no WordPress.

Perguntas Frequentes: Adicionar uma Bela Linha do Tempo de Eventos ao Seu Site WordPress

Tem dúvidas sobre como exibir seus eventos em formato de linha do tempo no WordPress? Aqui estão algumas respostas rápidas para ajudá-lo a começar.

O WordPress tem um recurso de calendário ou linha do tempo integrado?

O WordPress não inclui um recurso de calendário ou linha do tempo integrado por padrão. No entanto, você pode adicionar um facilmente usando plugins como Cool Timeline ou Sugar Calendar.

O plugin Cool Timeline é gratuito para usar?

Sim, o Cool Timeline possui uma versão gratuita que é poderosa o suficiente para a maioria dos sites. Ela inclui os recursos principais necessários para criar linhas do tempo verticais. Para layouts horizontais e skins de design avançados, você precisará fazer o upgrade para a versão Pro.

Como crio uma linha do tempo de eventos no WordPress?

A maneira mais fácil é usar um plugin como o Cool Timeline. Uma vez instalado, você pode adicionar eventos ou marcos como histórias na linha do tempo, personalizar o layout e exibi-los usando um shortcode ou bloco.

Posso adicionar uma visualização de calendário ao lado da linha do tempo?

Sim, você pode. Embora o plugin Cool Timeline se concentre em linhas do tempo visuais, ele não oferece uma visualização de calendário tradicional. Se você quiser exibir seus eventos em formato de calendário mensal ou diário, recomendamos o uso de um plugin de calendário como o Sugar Calendar.

Como mostro a data de hoje no WordPress?

Você pode usar um shortcode, um widget ou código personalizado para exibir a data de hoje. Alguns widgets de construtores de páginas e temas também têm esse recurso integrado.

Guias Relacionados para Gerenciar Eventos do WordPress

Esperamos que este artigo tenha ajudado você a aprender como adicionar uma bela linha do tempo de eventos ao seu site WordPress.

Se você achou isso útil, talvez também queira conferir nossos guias sobre:

• Como Mostrar Eventos Futuros no WordPress
• Como Realizar Eventos Apenas para Membros no WordPress
• Como Criar uma Página de Inscrição de Eventos no WordPress
• Como Adicionar um Widget de Contador Regressivo no WordPress
• Melhores Plugins de Calendário para WordPress

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.