Como Adicionar um Ticker de Notícias Rolante no WordPress

Muitos sites usam uma linha de texto rolante na parte superior da página para chamar a atenção para atualizações importantes, como promoções, anúncios ou notícias de última hora.

Esse recurso, frequentemente chamado de news ticker, é uma maneira fácil de garantir que mensagens importantes sejam vistas sem dominar seu layout ou distrair os visitantes.

Usamos news tickers em nossos próprios sites WordPress para promover ofertas por tempo limitado e compartilhar atualizações importantes, e eles funcionam especialmente bem quando você deseja destacar algo sem redesenhar sua página inicial.

Neste guia, mostraremos como adicionar um news ticker rolante ao seu site WordPress, passo a passo.

Como Adicionar um Ticker de Notícias Rolante no WordPress

💡 Resposta Rápida: Como Adicionar um News Ticker

A maneira mais fácil de adicionar um news ticker rolante no WordPress é usando o plugin Ditty. Simplesmente instale o plugin, adicione seus itens de texto, escolha o tipo de exibição 'Ticker' e cole o shortcode gerado no cabeçalho ou na página inicial do seu site.

O que é uma Barra de Notícias Rolável?

Um news ticker é uma única linha de texto que rola continuamente pela tela.

É uma ótima maneira de exibir pequenos trechos de informação de forma chamativa. Como o conteúdo está sempre rolando, você pode mostrar muita informação em um espaço limitado.

Tickers são tipicamente usados para exibir:

Isso é semelhante a como você pode usar uma barra de rodapé flutuante "fixa".

Vamos ver como adicionar um news ticker rolante ao seu blog ou site WordPress.

Como Adicionar um Ticker de Notícias Rolante no WordPress

A maneira mais fácil de criar um news ticker é usando um plugin. Embora o CSS personalizado ofereça alguma personalização, ele não é amigável para iniciantes.

Recomendamos o Ditty (anteriormente Ditty News Ticker). É um dos melhores plugins de notícias para WordPress do mercado.

Com este plugin, você pode adicionar conteúdo em movimento, rolagem e deslizamento ao seu site. Você também pode alterar a direção, o espaçamento, a velocidade e o estilo da animação.

Primeiro, você precisa instalar e ativar o plugin. Para mais detalhes, veja 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. Em seguida, clique no botão ‘Adicionar Padrão’.

Adicionando um ticker ao seu site WordPress

Agora, você pode criar o primeiro item para o ticker. Na caixa ‘Conteúdo’, digite o texto que você deseja exibir.

Você pode fazer um anúncio ou compartilhar informações úteis. Por exemplo, você pode informar aos compradores sobre uma promoção agendada ou posts recentes.

Adicionando conteúdo a um ticker online

Você também pode adicionar links ao item de notícia. Isso permite que as pessoas visitem facilmente a página ou postagem apresentada no ticker.

Para fazer isso, adicione uma URL ao campo ‘Link’.

Adicionando links a um ticker de site

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. Clique no botão ‘Atualizar Configurações do Item’ para salvar suas alterações.

Adicionando um ticker de notícias em rolagem ao WordPress

A prévia será atualizada para mostrar o item que você acabou de criar.

Para adicionar outro item ao ticker, clique no botão ‘Adicionar Item’.

Adicionando itens a um ticker de notícias em rolagem

Você pode então repetir os passos acima para adicionar quantos itens de notícia precisar.

Quando estiver satisfeito com seus itens, você pode querer reorganizar a ordem deles. Simplesmente pegue o item que deseja mover e arraste-o para uma nova posição.

Alterando a ordem dos itens do ticker em um feed de notícias em rolagem

Por padrão, o Ditty exibe seus itens em uma lista.

Como você deseja criar um ticker de rolagem, clique na aba ‘Exibir’.

Criando um ticker animado no WordPress

Nesta tela, clique no link ‘Alterar Tipo’.

No pop-up que aparece, selecione ‘Ticker’ e depois clique em ‘Atualizar Tipo’.

Como criar um ticker em rolagem no WordPress

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.

Personalizando um ticker animado

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, então vale a pena explorá-las para ver quais alterações você deseja fazer.

Quando estiver satisfeito com a configuração do ticker, clique no botão ‘Salvar Ditty’.

Salvando as configurações do ticker no WordPress

Depois disso, você estará pronto para adicionar o ticker ao seu site usando um shortcode. Para obter este shortcode, clique na aba ‘Configurações’.

Agora, copie o valor no campo ‘Shortcode’.

Adicionando um ticker a um site usando shortcode

Você pode adicionar o shortcode a qualquer página, postagem ou área pronta para widgets. No entanto, os tickers são mais eficazes quando colocados no cabeçalho do site ou no topo da página inicial.

Para mais informações sobre como colocar o shortcode, por favor, consulte 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.

Prévia do Ticker de Notícias

🎁 Bônus: Adicione uma Barra de Rodapé Fixa para Impacto Máximo

Um ticker de notícias em rolagem ajuda a destacar anúncios rotativos. No entanto, combiná-lo com uma barra de rodapé flutuante fixa pode chamar efetivamente a atenção dos visitantes para diferentes propósitos.

A barra de rodapé mantém informações essenciais e estáticas visíveis. 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.

Prévia da barra de rodapé do OptinMonster

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.

Perguntas Frequentes Sobre Tickers de Notícias em Rolagem

Aqui estão algumas perguntas que nossos leitores frequentemente fizeram sobre como adicionar tickers de notícias em rolagem no WordPress:

Como adicionar notícias em rolagem no WordPress?

A melhor maneira de adicionar notícias em rolagem é usando um plugin especializado como o Ditty. Você pode instalar o plugin, criar um novo item de ticker e usar o shortcode gerado para exibir o feed de notícias em suas postagens, páginas ou barra lateral.

Como adicionar texto em rolagem no WordPress?

Você deve usar um plugin para adicionar texto em rolagem para garantir que ele funcione em dispositivos móveis. Recomendamos evitar a antiga tag HTML <marquee> porque ela está desatualizada e pode não ser exibida corretamente nos navegadores web modernos.

Como adiciono uma barra de rolagem no WordPress?

Se você deseja adicionar uma barra de texto rolante (ticker) ao seu site, você pode usar o plugin Ditty, como mostrado neste guia. Se você está procurando adicionar uma barra de rolagem personalizada para navegação ou uma barra de progresso de leitura, você provavelmente precisará de um plugin diferente, como o Worth The Read.

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.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

17 CommentsLeave a Reply

  1. 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!

  2. 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.

    • 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

  3. 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.

  4. 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.

  5. 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.

  6. 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.

  7. 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

  8. 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

    • 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

  9. 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

  10. 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

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.