Como Criar Tickers de Notícias em WordPress

Se você já tem um site WordPress para revistas, jornais ou leitura de blogs ..., pode ter dificuldade em chamar a atenção dos visitantes para postagens importantes porque seu site está abarrotado de informações demais. Para resolver isso, os tickers de notícias são definitivamente um recurso perfeito para tornar seu site de leitura mais legível, informativo e excelente!

Neste artigo, mostraremos o que são os tickers de notícias, por que devemos usá-los e como criar um ticker de notícias impressionante com apenas alguns passos simples e rápidos.

Vamos começar!

O que são noticiários?

Em alguns tipos de sites, como revistas online, jornais online, você pode ver alguns slides de notícias rolando na parte inferior ou no cabeçalho, rodapé ou barra lateral. Esses slides de notícias se parecem com os de programas de TV.

Olhando para o ticker de notícias em um noticiário de TV ou site de revista, os telespectadores podem obter as informações mais quentes e visíveis. Normalmente, há muitas informações, chamadas de ticks , em um ticker de notícias.

Como no gif abaixo, você está vendo as manchetes das notícias? É assim que funciona um ticker de notícias.

Um exemplo de um ticker de notícias no WordPress

Por que devemos usar os noticiários?

Os tickers de notícias têm vários benefícios para diferentes tipos de site:

• Para revistas, os tickers de notícias ajudam a destacar quais informações e postagens devem ser notadas.
• Para portfólios, eles chamam a atenção dos recrutadores para sua notável experiência de trabalho e recompensas.
• Para outros tipos de sites, os próprios tickers de notícias se tornarão um destaque dos sites, para tornar seus blogs, por exemplo, mais atraentes e profissionais.

Assim, os tickers de notícias são claramente uma ferramenta útil para os proprietários de sites. Mais do que isso, é muito fácil adicionar cotações de notícias ao seu site WordPress. Vamos passar para a próxima parte e pegar um para você!

Como adicionar novos tickers no WordPress?

Existem muitas maneiras de adicionar um ticker de notícias.

Você pode usar um tema pré-criado com tickers de notícias no início; isso seria o mais fácil. Basta ler a documentação do tema com atenção.

No entanto, nem todo tema tem um ticker de notícias pré-fabricado como esse. Portanto, nesses casos, você pode pensar em usar criadores de páginas ou plug-ins.

Neste post, usaremos um plugin gratuito chamado plugin Ditty News Ticker . É gratuito, muito fácil de usar e altamente personalizável . Você só precisa fazer o download e ativá-lo no Dashboard.

Você pode ler mais sobre como instalar um plugin aqui.

Agora, não hesite mais e siga nossos 3 passos para ter um relógio de notícias incrível em seu site:

Etapa 1: adicionar um novo ticker de notícias

Primeiro, vá para News Ticker > Adicionar Novo .

Na próxima tela, você verá 5 guias abaixo: Adicionar Título, Código de Acesso, Modo de Ticker, Tipo de Ticker e Configurações Globais . Essas guias são usadas para configurar e exibir seus tickers de notícias.

Você acha que há muitas coisas para se manter em mente? Não se preocupe, vamos torná-lo curto e claro para você:

Primeiro, dê um nome ao seu ticker. Digite o nome na guia Adicionar título . O título geralmente é exibido na parte superior do ticker, então tente criar um nome atraente para chamar a atenção dos visitantes.

Depois disso, clique em Tipo de Ticker e adicione o conteúdo a ser exibido no ticker de notícias (com um link, se necessário) na seção Texto do Ticker .

Como mencionei acima, seu ticker de notícias pode conter muitos ticks . Basta clicar no botão ( + ) para adicionar um e clicar no botão ( x ) para excluir.

Etapa 2: configurar o noticiário

Depois de ter um novo ticker de notícias, você precisa torná-lo mais atraente configurando-o.

Em primeiro lugar, escolha como seus tickers de notícias serão exibidos. Clique no modo Ticker e você verá 3 opções: Rolar, Girar e Listar . Na verdade, Scroll é a opção mais comum, mas você pode decidir qual é a mais adequada para o seu site.

Depois de escolher uma das três opções acima, você pode ajustar o comportamento dos tickers por várias guias abaixo.

Pessoalmente, escolhi o modo de rolagem , então irei ajustar a ação de rolagem. Há duas coisas importantes a serem observadas: Velocidade de rolagem e Espaço de marcação . Na verdade, você deve tentar várias vezes para descobrir os parâmetros mais adequados. Para mim, prefiro a velocidade de rolagem de 8 e o espaço de escala de 10 pixels.

Além disso, também marquei a opção Pausar ao passar o mouse , para que o ticker de notícias pare de se mover quando eu quiser clicar em um tique.

Além disso, ao clicar em Configurações globais , você verá algumas outras opções para personalizar os tickers. Por exemplo, se você quiser que o título dos tickers fique no topo deles, marque Exibir título . Ou se você deseja ocultar os tickers quando não houver ticks, marque a opção como na imagem abaixo.

Agora o seu ticker de notícias está pronto para ser exibido!

Etapa 3: exibir os tickers de notícias

Vamos voltar à guia Shortcode na parte superior da tela:

O ticker de notícias será exibido onde você inserir este código de acesso. Você pode adicioná-lo a qualquer posição: rodapé da página inicial, postagem, widget da barra lateral, ...

Normalmente, não usamos tickers de notícias para o conteúdo de uma postagem. Seria melhor se você colocasse cotações de notícias no cabeçalho, rodapé ou barra lateral. Posso dar um exemplo de um ticker de notícias da barra lateral. Primeiro, eu escolho uma página aleatória, vá para Visualizar > Personalizar > Widget .

Em seguida, vá para Barra lateral > Adicionar um widget . Você verá muitas opções para barras laterais adicionais, como Áudio, Agenda, ... Escolha Texto, então você verá uma pequena caixa para adicionar o nome da barra lateral e colar seu código de acesso:

Você deu muitos passos, certo? Mas se você quiser deixar seus tickers mais bonitos, com cores personalizadas, tamanho de fonte, opacidade, ..., você ainda tem um pouco de trabalho a fazer. A versão gratuita deste plugin não oferece suporte aos usuários para ajustar esses parâmetros. Portanto, só temos resultados como o gif abaixo:

Os tickers de notícias não parecem tão bonitos, então eu o estilizei um pouco com CSS. Vá para Personalizar > CSS adicional .

Lá você verá uma pequena caixa para adicionar o código. Esses códigos mudarão a aparência de seus tickers de notícias.

Estou usando o tema Memória com a paleta principal de azul e branco. Portanto, adicionei este CSS para ter um ticker de notícias de cor azul:

 .mtphr-dnt-tick-contents a {
	cor: var (- cor principal);
}

.mtphr-dnt-tick-contents a: hover {
	cor: # 000;
}

Clique em Publicar e veja o que temos:

Aqui está apenas um exemplo simples para você. Tenho certeza de que você mesmo pode fazer um ticker de notícias muito mais impressionante. Vamos tentar!

Últimas palavras

Isso é tudo sobre como adicionar um ticker de notícias ao seu site WordPress pelo plug-in Ditty News Ticker . Tentamos nosso melhor para torná-lo curto e claro, então esperamos que esta postagem seja útil para você.

Talvez você tenha algumas maravilhas ou perguntas sobre nosso tutorial, então sinta-se à vontade para nos contar na seção de comentários. Estamos dispostos a mostrar a você um tutorial mais detalhado sobre as opções avançadas deste plug-in ou outros métodos para adicionar notícias sem usar plug-ins. Assim, não se esqueça de nos conectar!