Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar uma linha do tempo no estilo do Facebook no WordPress

Criar uma linha do tempo no estilo do Facebook em seu site pode ser visualmente atraente e envolvente. Isso permite que você mostre a jornada de sua vida, os marcos comerciais ou o histórico do projeto em seu site WordPress.

Para criar páginas ou posts personalizados, geralmente é necessário contratar um desenvolvedor ou usar um construtor de sites. Isso pode ser demorado e caro, especialmente para pequenas empresas. Felizmente, há uma maneira mais fácil de fazer isso: usar um plug-in gratuito.

Na WPBeginner, ajudamos milhares de usuários a projetar seus sites WordPress. E testamos vários plug-ins para encontrar a solução certa para você. Com base em nossos testes, recomendamos o uso do plug-in gratuito Timeline Block For Gutenberg.

Neste artigo, mostraremos como adicionar uma linha do tempo no estilo do Facebook ao WordPress sem alterar o tema.

How to add a Facebook style timeline in WordPress

Observação: este tutorial explicará como adicionar uma linha do tempo visual ao seu site com suas próprias informações. Se estiver 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?

Quer você seja proprietário de uma empresa, blogueiro ou pessoa física, uma linha do tempo visual pode ser uma ferramenta valiosa para elevar seu site WordPress

Uma linha do tempo no estilo do Facebook pode melhorar significativamente a experiência do usuário do seu site. Ao permitir que os visitantes explorem sua linha do tempo no próprio ritmo, você pode criar um site mais interativo e fácil de usar.

A adição de uma linha do tempo ajuda a contar histórias durante a criação de conteúdo. Por exemplo, você pode apresentar visualmente a história da sua marca, lançamentos de produtos ou marcos pessoais em um formato cativante e fácil de seguir.

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 benefício é que ele ajuda o envolvimento do usuário e fornece aos visitantes conteúdo interessante e informativo para incentivá-los a passar mais tempo no seu site.

Dito isso, vamos ver como você pode adicionar facilmente uma linha do tempo no estilo do Facebook ao seu site.

Adição de uma linha do tempo no estilo do Facebook no WordPress

A maneira mais fácil de criar uma linha do tempo em seu site WordPress é usar o plug-in Timeline Block For Gutenberg. Esse plugin gratuito do WordPress é muito simples de usar. Não há configurações complexas, e você pode realizar toda a personalização no editor de conteúdo.

Primeiro, você precisará instalar e ativar o plug-in Timeline Block For Gutenberg. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, basta acessar a página ou o post em que deseja adicionar a linha do tempo no estilo do Facebook.

Quando você estiver no editor de conteúdo, basta clicar no sinal “+” e adicionar um “Timeline Block”.

Add timeline block

Em seguida, você verá um modelo de linha do tempo adicionado ao editor de conteúdo.

A partir daí, você pode alterar o layout e o design da linha do tempo no painel de configurações à direita.

Por exemplo, o plug-in permite que você altere o layout de vertical para horizontal e escolha se deseja mostrar a linha do tempo em ambos os lados ou apenas em um lado.

Change timeline settings

Se você mudar para a guia “Estilo” no painel de configurações, terá opções para alterar a aparência da linha do tempo.

Por exemplo, há opções para editar a tipografia, a cor do texto e o espaçamento inferior do título e da descrição da história.

Change the style of timeline

Você também pode encontrar mais opções de personalização na guia “Advanced” (Avançado).

O plug-in permite que você altere a cor da linha, a cor do ícone, o plano de fundo do ícone, o espaçamento do item, o tamanho da caixa do ícone, o preenchimento do contêiner e muito mais.

Change advanced settings for timeline

Em seguida, você pode editar o texto e as imagens na linha do tempo.

Por padrão, o plug-in 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 “Replace” (Substituir). Você pode carregar uma nova imagem ou selecionar uma imagem existente.

Change the image and text in the timeline

Da mesma forma, você também pode clicar no texto e substituí-lo pelo seu conteúdo na linha do tempo.

Em seguida, se você precisar adicionar mais histórias à sua linha do tempo, basta clicar no botão “+ Add Story” e inserir uma imagem e um texto.

Add more story and publish

Quando terminar, clique no botão “Publicar”.

Agora, você pode visitar seu site para ver a linha do tempo no estilo do Facebook em ação.

Timeline preview

Recursos adicionais sobre a criação de linhas do tempo no WordPress

Aqui estão mais alguns guias úteis sobre como criar diferentes tipos de linhas do tempo e melhorar a experiência do usuário em seu site:

Esperamos que este artigo tenha ajudado você a adicionar uma linha do tempo no estilo do Facebook ao seu site WordPress. Talvez você também queira ver nosso guia sobre como criar um site de análise de nicho no WordPress e nossa seleção especializada dos melhores plug-ins de portfólio do WordPress para designers e fotógrafos.

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

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

2 ComentáriosDeixe uma resposta

  1. Preetam Kumar Patel

    How to add data in timeline from front end .Means data will be enter from a webpage (like result of a student) and it will be shown in the the time line in defferent page.

  2. Steve

    Why can I not comment or see comments of those who go to our site? Also, why are the pictures not showing up by my posts?

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.