Adicionar elementos visuais como linhas do tempo ao seu site costumava significar horas de codificação personalizada ou a contratação de desenvolvedores caros. É por isso que ficamos entusiasmados ao descobrir um plugin que permite adicionar uma linha do tempo no estilo do Facebook ao seu site em minutos.
Se você deseja exibir a jornada da sua vida, marcos importantes de negócios, histórico de projetos ou qualquer outra coisa, este plugin gratuito permite que você crie uma linha do tempo envolvente e interativa sem ter que escrever uma única linha de código – ou contratar desenvolvedores caros.
Este método funciona com qualquer tema do WordPress, e você poderá configurá-lo em apenas alguns minutos. Vamos guiá-lo por todo o processo, assim como fizemos para inúmeros outros usuários do WordPress que queriam tornar seus sites mais envolventes.
Observação: Este tutorial explicará como adicionar uma linha do tempo visual ao seu site com suas próprias informações. Se você está procurando uma maneira de criar uma linha do tempo de mídia social para vários usuários, consulte nosso guia sobre como criar um site de mídia social.
Por que Adicionar uma Linha do Tempo no Estilo do Facebook no WordPress?
Seja você proprietário de uma empresa, blogueiro, sem fins lucrativos, ou qualquer outra coisa, uma linha do tempo visual pode ser uma ferramenta valiosa para aprimorar seu site WordPress
Pense em como é fácil e envolvente rolar por uma linha do tempo no Facebook. Você pode trazer essa mesma experiência do usuário para o seu próprio site. Permitir que os visitantes explorem sua linha do tempo no ritmo deles torna seu site mais interativo e amigável.
Adicionar uma linha do tempo também é uma maneira fantástica de contar histórias com seu conteúdo. Por exemplo, se você tem um site de negócios, você pode mostrar visualmente a história da sua marca, quando você lançou novos produtos ou marcos importantes que alcançou. É uma maneira cativante e fácil para as pessoas acompanharem.
Uma linha do tempo no estilo do Facebook também ajuda a compartilhar a história da sua marca de forma criativa e memorável, conectando-se com seu público em um nível emocional.
Outro grande benefício é que mantém os visitantes engajados. Ao fornecer a eles conteúdo interessante e informativo em formato de linha do tempo, você pode incentivar os visitantes a permanecerem no seu site WordPress por mais tempo.
Dito isso, vamos ver como você pode facilmente adicionar uma linha do tempo no estilo do Facebook ao seu blog ou site WordPress.
Adicionando uma Linha do Tempo Estilo Facebook no WordPress
A maneira mais fácil de criar uma linha do tempo em seu site WordPress é usando o plugin Timeline Block For Gutenberg. Este plugin gratuito para WordPress é super simples de usar. Você não precisará mexer em nenhuma configuração complicada e poderá fazer toda a personalização diretamente no editor de conteúdo do WordPress.
Primeiro, você precisará instalar e ativar o plugin Timeline Block For Gutenberg. Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin do WordPress.
Assim que o plugin for ativado, vá para a página ou post onde você deseja adicionar sua linha do tempo no estilo Facebook.
Quando estiver no editor de conteúdo, clique no sinal de '+' e adicione um 'Timeline Block'.
Em seguida, você verá um modelo de linha do tempo adicionado ao editor de conteúdo.
A partir daqui, você pode alterar o layout e o design da linha do tempo no painel de configurações à direita.
Por exemplo, o plugin permite que você alterne o layout de vertical para horizontal e escolha se deseja exibir a linha do tempo em ambos os lados ou em apenas um lado.
Se você mudar para a aba 'Estilo' no painel de configurações, você terá opções para alterar a aparência da sua linha do tempo.
Por exemplo, existem opções para editar a tipografia, cor do texto e espaçamento inferior para o título e a descrição da história.
Você também pode encontrar mais opções de personalização na aba ‘Avançado’.
O plugin permite alterar a cor da linha, cor do ícone, fundo do ícone, espaçamento entre itens, tamanho da caixa do ícone, preenchimento do contêiner e muito mais.
Em seguida, você pode editar o texto e as imagens na linha do tempo.
Por padrão, o plugin adicionará texto e imagens fictícios. Você pode simplesmente clicar neles para começar a editar.
Por exemplo, se você quiser alterar a imagem, basta selecioná-la e clicar na opção ‘Substituir’. Você pode enviar uma nova imagem, selecionar uma imagem existente ou até mesmo fazer algo avançado como usar IA para gerar imagens.
Da mesma forma, você também pode clicar no texto e substituí-lo pelo seu conteúdo na linha do tempo.
Em seguida, se precisar adicionar mais histórias à sua linha do tempo, basta clicar no botão ‘+ Adicionar História’ e inserir uma imagem e texto.
Quando terminar, clique no botão ‘Publicar’.
Agora, você pode visitar seu site para ver a linha do tempo no estilo Facebook em ação.
Recursos Adicionais sobre Criação de Linhas do Tempo no WordPress
Aqui estão alguns guias mais úteis sobre como criar diferentes tipos de linhas do tempo e melhorar a experiência do usuário do seu site:
- Como Exibir Sua Linha do Tempo do Facebook no WordPress
- Como Adicionar Linhas do Tempo de Eventos Bonitas no WordPress
- Como Criar um Feed Personalizado do Facebook no WordPress
- Melhores Criadores de Sites para Pequenas Empresas (Testados e Comparados)
- Como Criar um Site de Rede Social (Guia para Iniciantes)
Esperamos que este artigo tenha ajudado você a adicionar uma linha do tempo no estilo do Facebook ao seu site WordPress. Você também pode querer ver nosso guia sobre como criar um site de nicho de avaliações no WordPress e nossa seleção especializada dos melhores plugins de portfólio WordPress para designers e fotógrafos.
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.
Preetam Kumar Patel
Como adicionar dados na linha do tempo a partir do front-end. Ou seja, os dados serão inseridos a partir de uma página da web (como o resultado de um aluno) e serão exibidos na linha do tempo em uma página diferente.
Steve
Por que não consigo comentar ou ver os comentários daqueles que acessam nosso site? Além disso, por que as imagens não estão aparecendo nas minhas postagens?