O widget Content Ticker do ElementsKit para Elementor permite exibir postagens recentes, últimas notícias e muito mais de uma forma elegante. O widget oferece a opção de mostrar as postagens do site ou conteúdo personalizado no ticker.

Leia esta documentação para aprender como usar o widget Elementor Content Ticker do ElementsKit.

Etapa 1: obtenha o ticker de conteúdo no Elementor #

Para obter o ticker de conteúdo em seu site WordPress, primeiro habilite o widget ElementsKit Content Ticker, em seguida, abra o editor Elementor e arraste e solte o widget na área de design.

Ativar widget de ticker de conteúdo #

Para ativar o widget Content Ticker:

1. Navegar para ElementsKit > Widgets.
2. Encontre o Marcador de conteúdo da lista e ative o widget.
3. Clique no SALVAR ALTERAÇÕES.

Arraste e solte o widget #

Depois disso, arraste e solte o ElementsKit Marcador de conteúdo widget no editor Elementor.

Etapa 2: configurar o ticker de conteúdo no Elementor #

Agora você pode definir o título, o conteúdo e as configurações do ticker do widget.

Título do ingresso #

1. Mostrar título: Primeiro, habilite o título do ticker. Então você terá outras opções disponíveis para personalizar o título.
2. Estilo do título: Escolha um estilo para o título do ticker entre as opções fornecidas.

3. Texto do título: Insira um texto para o título.
4. Habilitar ponteiro: Você pode mostrar um ponteiro junto com o título do ticker.
5. Ícone: Ou você pode mostrar um ícone ao lado do título.

[Nota: Ponteiro e Ícone são opções alternativas. Ao ativar o ponteiro, o ícone não estará disponível e vice-versa.]

6. Posição: Defina a posição do ponteiro/ícone. Você pode definir a posição como “Antes” ou “Depois” do ponteiro/ícone.
7. Ativar separador: Você também pode mostrar um separador com o título do ticker.

Conteúdo/consulta do ticker #

Nesta seção, você pode selecionar o tipo de conteúdo.

• Tipo de conteúdo: postagem

Para mostrar as postagens do seu site no ticker.

1. Seleção de conteúdo: Defina como “Postar”.
2. Contagem de conteúdo: Defina o número de postagens a serem exibidas.
3. Corte do título: Limite o número de caracteres de texto para o título da postagem exibido no ticker.
4. Descrição Guarnição: Limite o número de caracteres de texto para a descrição da postagem exibida no ticker. (a descrição pode ser habilitada em Configurações).
5. Selecione Conteúdo por: Você pode optar por mostrar a postagem das seguintes maneiras:
   • Postagem recente: Mostre as postagens recentes em seu site.
   • Postagem selecionada: Mostrar a postagem selecionada. Você pode selecionar as postagens no campo “Pesquisar e selecionar”.
   • Postagem da categoria: Mostrar postagens por categoria. Adicione categorias no campo “Selecionar categorias”.
6. Ordem: Defina a ordem do conteúdo em ordem decrescente (DESC) ou ordem crescente (ASC).

• Tipo de conteúdo: personalizado

Para mostrar conteúdo personalizado no ticker.

1. Seleção de conteúdo: Defina como “Personalizado”.
2. ADICIONAR ITEM: Você pode adicionar itens de conteúdo.

3. Título do conteúdo: Insira o título do conteúdo do ticker.
4. Descrição do conteúdo: Adicione uma descrição para o conteúdo do ticker.
5. Escolha a imagem: Adicione uma imagem para mostrar no conteúdo do ticker.
6. Link: Insira um URL para vincular qualquer página da web ao conteúdo.

Configurações #

Você pode definir as configurações do ticker nesta seção.

1. Mostrar imagem: Decida se deseja mostrar a imagem principal do conteúdo no relógio.
2. Tamanho da imagem: Você pode alterar o tamanho da imagem no conteúdo do ticker.
3. Ativar sombra: Você pode ativar a sombra que aparece nas extremidades esquerda e direita do conteúdo do ticker.
4. Mostre a descrição: Você pode mostrar a descrição do conteúdo no ticker.

5. Efeito: Escolha o estilo do efeito de animação entre as seguintes opções: Padrão, Esmaecimento, Letreiro e Digitação.

Ao selecionar o efeito Marquee, recomendamos aumentar a velocidade da animação para melhor visibilidade.

6. Direção: Defina a direção para i. Rolagem horizontal ou ii. Rolagem vertical.

[Nota: a direção é Não disponível para letreiro efeito]

7. Velocidade da animação: Você pode alterar e ajustar a velocidade do efeito de animação.

[Nota: a velocidade da animação é Não disponível para digitação efeito]

8. Reprodução automática: Você pode ativar a reprodução automática para o ticker de conteúdo. 

Se ativado, defina o Acordo tempo (intervalo entre para alterar o conteúdo).

[Observação: A reprodução automática é Não disponível para letreiro efeito]

9. Direção oposta: Se você ativar esta opção, o ticker rolará da esquerda para a direita. Caso contrário, a direção do ticker será da direita para a esquerda.

10. Agarrar o cursor: Os usuários podem deslizar o conteúdo do ticker agarrando-o com o cursor do mouse.

[Observação: Agarrar Cursor é Não disponível para letreiro efeito]

11. Mostrar seta: Ative a seta para navegar manualmente pelo conteúdo do ticker. Se você mostrar as setas, escolha um ícone de seta para a esquerda e um ícone de seta para a direita.

Etapa 3: personalize o estilo do ticker de conteúdo #

Você pode personalizar o ticker de conteúdo do Elementor na guia de estilo.

Embrulho #

1. Direção: Escolha a posição do título do ticker e das setas.
   1. Normal: o título do ticker está à esquerda e a seta à direita.
   2. Reverso: o título do ticker está à direita e a seta à esquerda.

2. Preenchimento do invólucro: Você pode ajustar o preenchimento superior e inferior de toda a seção do ticker de conteúdo.

Título do ticker #

1. Largura: Ajuste a largura da seção do título do ticker.
2. Alinhamento: Selecione o alinhamento do ícone e do texto no título do ticker.
3. Opções de ponteiro/opção de ícone: Você pode alterar o tamanho, o espaço entre o título e o ponteiro/ícone e a cor do ponteiro/ícone.

4. Tipografia: Escolha a tipografia para o texto do título.
5. Preenchimento: Ajuste o preenchimento do título do ticker.
6. Raio da borda: Ajuste o raio da borda do título do ticker.
7. Cor do texto: Escolha a cor do texto.
8. Fundo: Escolha o título do ticker Plano de fundo.
9. Ícone: Escolha um ícone do título do ticker.

[Observação: você pode escolher cores de texto, cores de fundo e cores de ícone separadas para os estados Normal e Hover.]

10.  Opção de separador: Se você habilitar o separador para o título do ticker, poderá alterar seu estilo como Largura, Altura e Cor.

Conteúdo do ticker #

1. Alinhamento: Selecione o alinhamento do conteúdo do ticker.
2. Margem: Ajuste as margens direita e esquerda do conteúdo do ticker.
3. Preenchimento: Ajuste o preenchimento do conteúdo.
4. Cor do título: Escolha uma cor de título para o conteúdo do ticker.
5. Cor do título ao passar o mouse: Selecione uma cor para aparecer quando o título do conteúdo passar pelo mouse.
6. Tipografia do título: Defina a tipografia do texto do título do conteúdo.
7. Descrição Cor: Você altera a cor da descrição do conteúdo.
8. Descrição Tipografia: Defina a tipografia do texto de descrição.

Imagem #

Se você ativar a opção “Mostrar imagem” na seção Configurações, a imagem aparecerá com conteúdo.

1. Ajusta a Largura e Altura da imagem.
2. Selecione uma Tipo de borda para a imagem.
3. Ajusta a Raio da Fronteira.
4. Colocou o Margem para a imagem do conteúdo.

Seta #

Se você ativar o recurso “Mostrar setas”, setas aparecerão no ticker.

1. Posição da seta: Defina a posição da seta à esquerda ou à direita do ticker.
2. Largura: Ajuste a largura das setas.
3. Altura: Ajuste a altura das setas.
4. Espaço entre: Ajuste o espaço entre as duas setas.
5. Cor do ícone: Você pode escolher a cor do ícone da seta.
6. Cor de fundo: Escolha uma cor de fundo para a seta.
7. Tipo de borda: Selecione um tipo de borda. Também pode selecionar o largura e cor da fronteira.
8. Raio da borda: Ajuste o raio da borda para as setas.

Assim como o widget Content Ticker, o ElementsKit vem com centenas de elementos avançados para Elementor. Obtenha o ElementsKit e use esses elementos para construir sites WordPress repletos de recursos.