Muitos sites usam uma linha de texto rolável na parte superior para destacar notícias, promoções ou anúncios.
Esse recurso, chamado de "news ticker" (ou barra de notícias), é uma maneira simples e eficaz de garantir que atualizações importantes não passem despercebidas.
Usamos barras de notícias em nossos próprios sites para destacar ofertas e anúncios por tempo limitado, e elas nos ajudaram a manter os visitantes informados sem sobrecarregar a página.
Neste guia, mostraremos como adicionar uma barra de notícias rolável ao seu site WordPress.

O que é uma Barra de Notícias Rolável?
Uma barra de notícias é uma única linha de texto que rola continuamente pela tela. Geralmente exibe notícias atuais, resultados esportivos, informações financeiras e de câmbio em tempo real, e informações meteorológicas.
Isso é semelhante a como você pode usar uma barra de rodapé flutuante "fixa".
As barras de notícias são uma ótima maneira de exibir pequenos trechos de informação de forma chamativa. Como o conteúdo está sempre rolando, você também pode usá-las para mostrar muitas informações em um espaço limitado.
Por exemplo, você pode usar este elemento de design do WordPress para exibir suas postagens de melhor desempenho, anunciar uma venda futura ou compartilhar outras informações úteis.
Dito isso, vamos ver como adicionar um ticker de notícias em rolagem ao seu blog WordPress ou site.
Como Adicionar um Ticker de Notícias Rolante no WordPress
Ao pesquisarmos como criar um ticker de notícias, descobrimos que a maneira mais fácil é usar um plugin. Embora o CSS personalizado ofereça algum nível de personalização, ele não é o mais amigável para iniciantes.
E o melhor plugin para essa tarefa é o Ditty News Ticker. É um dos melhores plugins de notícias do WordPress que encontramos até agora.
Com ele, você pode adicionar conteúdo em movimento, em rolagem e deslizante ao seu site e, em seguida, alterar a direção, o espaçamento, a velocidade e o estilo da animação.
A primeira coisa que você precisa fazer é instalar e ativar o plugin. Para mais detalhes, consulte nosso guia completo sobre como instalar um plugin do WordPress.
Após a ativação, você precisa ir para Ditty » Adicionar Novo no painel do WordPress e, em seguida, clicar no botão ‘Adicionar Padrão’.

Agora você pode criar o primeiro item no ticker de notícias responsivo. Na caixa ‘Conteúdo’, basta digitar o texto que você deseja exibir no ticker em rolagem.
Aqui, você pode fazer um anúncio ou compartilhar informações úteis, semelhante a um banner de site. Por exemplo, você pode informar aos compradores sobre uma promoção agendada ou posts recentes.

Você também pode adicionar links ao item de notícia para que as pessoas visitem facilmente a página ou postagem apresentada no ticker.
Para fazer isso, basta adicionar uma URL ao campo 'Link'.

Você também pode adicionar um título ao link, marcar a URL como nofollow e muito mais.
Para aproveitar ao máximo o ticker, você pode querer adicionar vários itens de notícia clicando no botão 'Atualizar Configurações do Item'.

A prévia será atualizada para mostrar o item que você acabou de criar.
Para prosseguir e adicionar outro item ao ticker, clique no botão 'Adicionar Item'.

Agora você pode clicar em 'Adicionar Padrão' e criar o item seguindo o processo descrito acima.
Simplesmente repita essas etapas para adicionar mais itens ao ticker.
Quando estiver satisfeito com seus itens, você pode querer alterar a ordem em que eles aparecem no ticker. Para fazer isso, basta pegar o item que deseja alterar e arrastá-lo e soltá-lo em uma nova posição.

Por padrão, o Ditty exibe seus itens em uma lista.
Como você deseja criar um ticker de rolagem, clique na aba ‘Exibir’.

Nesta tela, clique no link ‘Alterar Tipo’.
No pop-up que aparece, selecione ‘Ticker’ e depois clique em ‘Atualizar Tipo’.

Agora você pode alterar a aparência e o funcionamento do ticker em seu site WordPress.
Isso inclui alterar a direção da rolagem, a velocidade e o espaçamento entre os itens do ticker.

Você também pode escolher entre diferentes estilos para o contêiner do ticker, itens, títulos e muito mais. A maioria dessas configurações é autoexplicativa, portanto, vale a pena revisá-las para ver quais alterações você deseja fazer.
Quando estiver satisfeito com a configuração do ticker, clique no botão ‘Salvar Ditty’.

Depois disso, você estará pronto para adicionar o ticker ao seu site usando um shortcode. Para obter este shortcode, vá em frente e clique na aba ‘Configurações’.
Agora, copie o valor no campo ‘Shortcode’.

Com isso feito, você pode adicionar o shortcode a qualquer página, postagem ou área pronta para widgets. Para mais informações sobre como colocar o shortcode, por favor, veja nosso guia sobre como adicionar um shortcode.
Depois de fazer isso, basta atualizar ou publicar suas alterações para tornar o ticker ativo em seu site WordPress.

🎁 Bônus: Adicione uma Barra de Rodapé Fixa para Impacto Máximo
Enquanto um ticker de notícias em rolagem ajuda a destacar anúncios rotativos, combiná-lo com uma barra de rodapé flutuante fixa pode chamar efetivamente a atenção do visitante para diferentes propósitos.
A barra de rodapé mantém informações essenciais e estáticas visíveis, enquanto o ticker de notícias garante que as atualizações oportunas estejam em destaque.
Com ferramentas como OptinMonster, você pode criar barras de rodapé atraentes e coordená-las com seu ticker de notícias para exibir ofertas especiais, notícias urgentes ou posts populares.

Pense no rodapé como um call-to-action constante, enquanto o ticker de notícias entrega atualizações importantes de curto prazo.
Juntas, essas funcionalidades melhoram a experiência do usuário e podem aumentar as taxas de conversão, incentivando o engajamento oportuno com ofertas e conteúdo chave.
Para começar, veja nosso tutorial sobre como criar uma barra de rodapé flutuante fixa no WordPress.
Esperamos que este tutorial tenha ajudado você a aprender como adicionar um ticker de notícias em rolagem no WordPress. Você também pode querer aprender como destacar novos posts para visitantes recorrentes ou ver nossas escolhas de especialistas dos melhores truques de barra lateral do WordPress para obter resultados máximos.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.


Jiří Vaněk
Obrigado por este artigo; ele me ajudou a resolver um problema com o qual estou lidando há um ano. Tenho um blog e queria adicionar um chamado microblog – uma pequena seção no site onde eu pudesse postar atualizações muito rápidas e concisas sobre novos desenvolvimentos. No entanto, atualmente não existe um plugin específico para microblogging. Este método é exatamente o que eu precisava para finalmente resolver o problema do microblog e adicionar atualizações rápidas e curtas ao meu site. Estou emocionado por ter encontrado uma solução utilizável depois de um ano – fantástico!
kzain
Queria ajustar a aparência dos meus links e este post tornou tudo super fácil. A opção do personalizador foi perfeita para minhas necessidades básicas, mas definitivamente terei o método CSS em mente para alterações mais avançadas.
Considere usar uma ferramenta de paleta de cores para garantir que a cor do seu link contraste bem com o restante do design do seu site.
Lin
Tenho dois sites. Posso adicionar um ticker em um site que reflita o outro site?
WPBeginner Support
Embora o ticker não transmita as informações para o seu outro site, você certamente pode adicionar as mesmas informações no ticker.
Admin
karbhari
Como adiciono o título Últimas Notícias: às notícias em rolagem, depois do cabeçalho na página principal, ele aparece no meu site.
Anna Sue
Onde você insere o texto para o seu ticker? Minha instalação não mostra alguns dos itens que você tem em suas capturas de tela.
Anna Sue
Eu acho que este pode ser o ticker que eu quero, mas, como em muitos vídeos online sobre plugins, você falou e se moveu tão rápido que eu não consegui pegar as instruções.
H.M.Mohiuddin
como posso adicionar um ticker de notícias sem usar plugin
plazma
não é dinâmico.
felix
Como adiciono o título Últimas Notícias: às notícias em rolagem, ele aparece no meu site, mas eu não vi onde adicionar se são últimas notícias ou última atualização, etc.
hosam abdallah
plugin muito bom mas tenho uma pergunta
uso o artisteer para fazer meus temas você pode me dizer onde posso adicionar a função php ao widget
neste ou de onde posso adicionar aos meus temas
Abdulmumin
Olá, Por favor, como posso adicionar a função direta, por favor, forneça a instrução passo a passo para adicionar a função direta.
Adicionei o shortcode na minha página sobre e funcionou, mas adicionei na minha página inicial e não funcionou... por favor, me aconselhe
WPBeginner Support
Simplesmente copie a função Direta como mostrado na última captura de tela do artigo e cole em home.php ou header.php do seu tema. Cole-o no local onde você gostaria que seu ticker de notícias aparecesse.
Admin
Sujani
olá,
obrigado por dar as instruções claramente.. eu tinha uma pergunta onde devemos colocar o shortcode e a função direta?
colocamos no post/página?
Obrigado,
Sujani
WPBeginner Support
shortcode para posts/páginas/widgets e função direta se você quiser codificá-lo diretamente nos arquivos de template do seu tema.
Admin
Peter Johnson
Parece um ótimo tema, pois não sou um desenvolvedor PHP, mas quero usar este tema e integrá-lo ao meu blog WordPress. Eu só quero que você descreva como posso usar este tema no meu blog para que minhas últimas notícias possam ser exibidas acima do meu menu ou abaixo do meu menu principal como um slideshow na televisão. Por favor, preciso de um procedimento.
Obrigado
Mackenzie
Obrigado, ótimo tutorial.