Exibir postagens do WordPress cronologicamente usando o widget de linha do tempo para Elementor

Queria exibir suas postagens do WordPress em ordem cronológica usando o widget Elementor Timeline?

Se sim, você caiu na página certa.

Os widgets de linha do tempo permitem que você exiba o conteúdo do seu site em linhas do tempo na data e hora adequadas.

Digamos que você seja um freelancer e queira exibir seus melhores posts cronologicamente em seu site, ou se você for listar seus posts mais populares para seu público, você pode usar o widget Timeline.

Neste artigo, forneceremos informações detalhadas sobre como exibir postagens do WordPress em um formato de linha do tempo usando os complementos Elementor e PowerPack Elementor.

Por que usar linhas do tempo para exibir postagens do WordPress?

As linhas do tempo contêm informações nas barras clicáveis ​​separadas seguindo uma sequência de tempo. É usado para listar eventos históricos, conquistas ou algumas tarefas importantes em ordem cronológica.

Seria melhor se você considerasse adicionar linhas do tempo ao seu site, pois isso pode beneficiá-lo de várias maneiras:

• Você pode exibir suas postagens do WordPress com a data e hora.
• Você pode usar linhas do tempo para mostrar suas postagens antigas e novas, conquistas, histórico de marca etc.
• É uma maneira eficaz de contar sua história aos visitantes de maneira sistemática passo a passo, semelhante aos eventos, listando a hora e a data nela.
• Usando linhas do tempo para as postagens do seu site, você pode envolver seus visitantes em seus blogs anteriores, aumentando o engajamento em suas postagens mais antigas que já perderam a interação.
• Pode ajudar a aumentar a experiência do usuário no conteúdo do seu site.
• Com a ajuda dessas linhas do tempo, você pode facilmente mostrar seu histórico de negócios.
• Mostrar cronogramas pode ajudar a criar confiança com seu público.

Então, é assim que mostrar suas postagens do WordPress em ordem cronológica pode beneficiar seu site.

Melhor widget de linha do tempo para Elementor - Complementos do PowerPack Elementor

As linhas do tempo permitem exibir postagens do WordPress em ordem cronológica usando o Elementor. No entanto, a versão gratuita ou pro do Elementor não inclui nenhum widget para exibir linhas do tempo.

Portanto, você deve optar por um complemento de terceiros para fazer tudo isso acontecer.

Recomendando a você o PowerPack Addons for Elementor, que é um dos melhores Addons for Elementor construtor de páginas.

Mais de 80 widgets impressionantes e mais de 150 modelos pré-projetados fornecidos pelo PowerPack darão ao seu site uma experiência nova e envolvente sempre que você criar algo novo usando-os.

Widget de linha do tempo do PowerPack para Elementor

O widget PowerPack Timeline é a melhor solução para criar postagens de linha do tempo para o seu site WordPress usando o construtor de páginas Elementor.

O widget Timeline do PowerPack é um widget Elementor repleto de recursos que permite exibir o conteúdo importante da sua página da Web, como o histórico da empresa, guias passo a passo, blogs etc., juntamente com os carimbos de data e hora.

Recursos do widget de linha do tempo do PowerPack

• Suporta tipos de conteúdo personalizados e dinâmicos.
• Permite várias personalizações e opções de estilo, como seta de cartão, opções de animação de cartão, etc.
• Forneça opções para estilizar a tipografia do conteúdo em todos os aspectos possíveis.
• Escolha entre as direções da barra de linha do tempo.
• Dá a você a flexibilidade de criar linhas do tempo nos formatos vertical e horizontal.

Vamos ver em detalhes as funcionalidades dos widgets da linha de tempo do PowerPack.

Exiba suas postagens do WordPress no formato de linha do tempo usando o Elementor

Para exibir as linhas do tempo de postagem do WordPress em seu site, primeiro você precisa instalar e ativar o construtor de páginas Elementor e os complementos do PowerPack Elementor.

Agora, abra a página usando o editor Elementor, digite Timeline na barra de pesquisa e arraste e solte o widget na página.

Não se esqueça de verificar o sinal PowerPack PP no canto superior direito do widget.

Depois de arrastar e soltar o widget na página, navegue até a guia Conteúdo.

Personalizar e configurar a guia de conteúdo do widget de linha do tempo

A guia Conteúdo do widget de linha do tempo inclui quatro seções:

1. Definições
2. Consulta (Esta seção será exibida apenas se você escolher a fonte da linha do tempo como "Postagens")
3. Postagens (Esta seção será exibida apenas se você selecionar a fonte da linha do tempo como "Postagens")
4. Linha do tempo

Vamos ver cada uma dessas seções em detalhes.

Definições

Vejamos os recursos disponíveis nesta seção:

• Layout: escolha o layout da linha do tempo, vertical ou horizontal.
• Fonte: Já que aqui estamos falando sobre como exibir os posts do WordPress cronologicamente, você precisa escolher o tipo de fonte como Posts. Selecionar a opção de postagens permitirá que o widget Linha do tempo busque o conteúdo existente do seu site (sejam postagens existentes, modelos, seções salvas etc.) e liste-os no formato de linha do tempo.
• Tag HTML do título: Com a ajuda desse recurso, você pode definir uma tag HTML para o título do conteúdo de cada postagem.
• Contagem de postagens: usando esta opção, você pode definir o número de postagens que deseja exibir na linha do tempo.
• Data: Habilite este recurso para exibir as datas de publicação dos posts.
• Tipo de data: Escolha um tipo de data usando esta opção.
• Formato da data: Com esta opção, você pode escolher o formato da data.
• Seta de cartão: ative esta opção para exibir um padrão semelhante a um cartão para cada postagem de conteúdo.
• Animar cartões: aplique esse recurso para ativar a animação do cartão para a linha do tempo.

Consulta

Vejamos os recursos disponíveis nesta seção:

• Tipo de consulta: você deve escolher um tipo de consulta e uma consulta personalizada como o tipo de consulta usando esta opção.
• Tipo de postagem: Várias opções para escolher os tipos de postagem estão disponíveis aqui, como páginas, postagens, modelos salvos, etc. Escolha um tipo de postagem de acordo entre essas opções.

• Incluir/excluir opções de categoria para vários tipos de filtro, como categorias, tags, autores, postagens, etc.

Postagens

Vejamos os recursos disponíveis nesta seção:

• Título da postagem: ative essa opção se quiser mostrar um título de postagem em suas postagens na linha do tempo.
• Postar imagem: habilite a opção de postar imagem se quiser exibir uma imagem junto com o conteúdo na linha do tempo.
• Tamanho da imagem: Esta opção permite selecionar o tamanho da imagem para as postagens da linha do tempo.
• Conteúdo da postagem: ative essa opção se desejar exibir o conteúdo da postagem na linha do tempo.
• Tipo de Conteúdo: Usando este recurso, podemos escolher os trechos das postagens ou opções de conteúdo limitadas.
• Tipo de link: escolha um tipo de link no qual você deseja soltar o link, seja o título, o botão ou o cartão.
• Post Meta: Habilite esta opção se quiser exibir outras categorias de postagem, como autor de postagem, termos de postagem, etc.
• Divisor de meta itens: se você ativou a opção meta de postagem, pode permitir que um divisor de meta itens exiba um divisor entre os itens de postagem exibidos nas postagens da linha do tempo.
• Autor da postagem: Habilite esta opção se quiser exibir o autor da postagem na postagem da linha do tempo.
• Termos de postagem: habilite esta opção se desejar exibir os termos de postagem na postagem da linha do tempo.
• Selecione Taxonomia: Você pode adicionar categorias e tags de sua escolha usando esta opção.

No entanto, você também pode personalizar a postagem da linha do tempo usando uma fonte personalizada. Ao escolher esta opção, você pode personalizar manualmente as postagens da linha do tempo, adicionar seu conteúdo, mídia e muito mais.

Linha do tempo

Portanto, tratava-se de personalizar a guia Conteúdo do widget Linha de tempo do PowerPack. Agora vamos para a próxima parte, ou seja, a aba Estilo.

Personalizar e configurar a guia de estilo do widget de linha do tempo

A guia de conteúdo do widget de guias avançadas inclui cinco seções:

1. Esquema
2. Cartões
3. Marcador
4. datas
5. Conector

Vamos ver cada uma dessas seções em detalhes.

Esquema

Vejamos os recursos disponíveis nesta seção:

• Direção: Defina a direção da barra da linha do tempo usando esta opção.
• Alinhamento de seta: selecione um alinhamento de seta com esta opção.
• Espaçamento dos itens: Ajustar esta opção permitirá o espaçamento entre as postagens incluídas na linha do tempo.

Cartões

Vejamos os recursos disponíveis nesta seção:

• Preenchimento de Cartões: Esta opção permitirá que os cartões criem espaçamento entre eles.
• Preenchimento de conteúdo: esta opção criará espaçamento entre o conteúdo e os cartões.
• Text Align: Use esta opção para definir o alinhamento do texto.
• Cor de fundo: A cor de fundo do texto pode ser alterada usando esta opção.
• Tipo de Borda: Esta opção pode exibir uma borda no cartão. Escolha bordas entre os tipos disponíveis, como sólido, pontilhado, dobrado, tracejado e ranhurado.
• Raio da borda: aplique o raio da borda para exibir bordas finas nas bordas.
• Box Shadow: Este recurso permite exibir uma borda de sombra. Personalize a cor e o peso de acordo.

Marcador

Vejamos os recursos disponíveis nesta seção:

• Tipo: escolha o tipo de marcador como ícone, imagem, número ou texto.
• Escolher ícone: se você selecionou um ícone como tipo de marcador, escolha um ícone e carregue um da biblioteca de ícones.
• Escolher imagem: se você selecionou uma imagem como tipo de marcador, escolha uma imagem e carregue uma da biblioteca de mídia.
• Tamanho do marcador: Defina o tamanho do marcador usando esta opção.
• Tamanho da caixa do marcador: Use esta opção para definir o tamanho do marcador.
• Cor do marcador: Selecione uma cor do marcador usando esta opção.
• Cor de fundo: personalize a cor de fundo do marcador com esta opção.
• Tipo de borda: escolha uma borda para o marcador entre as opções como sólido, pontilhado, dobrado, tracejado e ranhurado.
• Raio da borda: aplique raio para fornecer bordas suaves ao raio que você aplicou.
• Box Shadow: Configure a opção box shadow para melhorar a aparência do marcador exibindo uma sombra.

datas

Vejamos os recursos disponíveis nesta seção:

• Tipografia: Personalize toda a tipografia do texto da data usando esta opção.
• Cor de fundo: personalize a cor de fundo do texto da data com esta opção.
• Cor: Escolha uma cor de texto de data usando esta opção.
• Tipo de borda: escolha uma borda para o texto de data entre as opções fornecidas, como sólido, pontilhado, dobrado, tracejado e ranhurado.
• Raio da borda: aplique raio para fornecer bordas suaves e limpas ao raio que você aplicou.
• Preenchimento: Esta opção criará espaçamento suficiente entre o texto da data e sua borda.
• Box Shadow: Configure a opção box shadow para aprimorar a aparência do texto de data exibindo uma sombra.

Conector

Vejamos os recursos disponíveis nesta seção:

• Espaçamento: Esta opção permitirá espaçamento entre o conector e os cartões de conteúdo.
• Espessura: Usando esta opção, você pode ajustar a espessura do conector.
• Tipo de plano de fundo: personalize o tipo de plano de fundo do conector com esta opção.

Portanto, trata-se de criar uma linha do tempo impressionante para o seu site WordPress. Depois de aplicar todas essas alterações à guia Conteúdo e estilo do widget Linha de tempo do PowerPack, você obterá algo assim.

Obtenha o melhor widget de linha do tempo para Elementor

Esperamos que este blog tutorial tenha ajudado você a criar “linhas do tempo” incríveis para o seu site usando o widget PowerPack Timeline.

Clique aqui para obter o widget de linha do tempo do PowerPack, atrair novos clientes para seu site e aumentar as vendas.

Se você gostou de ler este artigo, também adoraria experimentar nossos outros elementos do PowerPack.

Sinta-se à vontade para deixar seus comentários aqui; adoraríamos receber suas respostas.

Além disso, junte-se a nós no Twitter, Facebook e YouTube.