ElementsKit, o complemento Elementor completo dá a você a habilidade máxima de construir sites com WordPress. Com mais de 85 widgets e extensões altamente personalizáveis, você tem todos os recursos do construtor de páginas em um plugin. Elimina a necessidade de plugins individuais e reduz o tempo de carregamento do seu site WordPress.

O Widget de linha do tempo do ElementsKit foi projetado para mostrar seu conteúdo em um período cronológico. Você pode criar uma linha do tempo estilosa para exibir sua postagem, conquistas e outros conteúdos com o Elementor Timeline para WordPress. Leia esta documentação para aprender como adicionar a linha do tempo do Elementor no WordPress usando o ElementsKit.

Etapa 1: Configurar a linha do tempo do Elementor #

Primeiro, abra o editor Elementor e arraste o widget Elementor Timeline para o seu design. Em seguida, configure o conteúdo e as configurações da linha do tempo para adicionar o Elementor Timeline no WordPress.

1.1 Adicionar conteúdo e escolher layout #

1. Escolha o Estilo da linha do tempo para ser horizontal ou vertical. Para o estilo de linha do tempo vertical, você pode selecionar o Estilo de conteúdo entre o mesmo lado ou ambos os lados.

2. Você pode incluir Conteúdo da linha do tempo com o ADICIONAR ITEM botão. Você também pode excluir qualquer conteúdo quando quiser.

3. Para cada Conteúdo da linha do tempo, você pode definir o Título, Subtítulo, Link do Título, Descrição, Ícone do Título, Data da linha do tempo e Endereço.

4. Para personalizar o conteúdo da linha do tempo, edite o Estilo de item do repetidor. Escolha a cor do texto do ícone, a cor do plano de fundo do ícone, a cor do subtítulo e a cor do plano de fundo da caixa de conteúdo para os estados Normal e Hover.

1.2 Configurações para a linha do tempo do Elementor #

Para configurar as configurações do Elementor Timeline:

1. Escolha o Ícone de data para a linha do tempo.
2. Escolha o Ícone de endereço para a linha do tempo.
3. Selecione Animação de entrada da caixa de conteúdo da lista disponível.
4. Selecione Endereço, Data Entrada Animação da lista disponível.

5. Colocou o Estilo preciso para Padrão ou Ícone. Para Estilo de Pinpoint de Ícone, escolha o Ícone de localização exata.

Etapa 2: personalizar o widget de linha do tempo do Elementor #

Você pode personalizar o design de Conteúdo, Linha e Contêiner na aba Estilo.

2.1 Conteúdo #

Para personalizar o estilo do conteúdo:

1. Defina o alinhamento do conteúdo dentro da caixa.
2. Ajuste o preenchimento, o preenchimento interno e o raio da borda.

3. Escolha a cor, a tipografia e a margem para Legenda.
4. Escolha cor, cor âncora, tipografia e margem para o conteúdo Título.
5. Selecione a cor, a tipografia e a margem para Texto do conteúdo.

6. Para Ícone redondo, defina a cor do ícone e a cor de fundo do ícone.
7. Para Informações da linha do tempo, defina sua Cor, Tipografia e Margem e ajuste o Tamanho do Ícone.
8. Para Endereço, defina sua Cor, Tipografia e Margem e ajuste o Tamanho do Ícone.

9. Defina a cor Ao passar o mouse para Subtítulo, Título, Âncora de título, Texto de conteúdo, Ícone redondo, Plano de fundo do ícone redondo e Informações da linha do tempo.

2.2 Linha #

Para personalizar os estilos de Linha e Ícone de Linha:

1. Escolha o Cor da linha.
2. Defina a cor do ícone da linha, em seguida, o tipo de cor de fundo, o tipo de borda, a largura, a cor e o raio da borda para o Ícone de linha.
3. Você também pode definir o On Flutuar cores para esses elementos.

2.3 Recipiente #

Para personalizar o contêiner,

1. Ajuste o espaço entre Informações (endereço e data) e Ícone.
2. Ajusta a Espaçamento inferior do item para itens de contêiner.

Por fim, agora você pode adicionar a Linha do Tempo do Elementor no WordPress usando o widget Linha do Tempo do ElementsKit e exibir seu conteúdo de forma elegante.