Como criar um feed do WordPress no Twitter (passo a passo)

Publicados: 2022-12-05
Facebook Tweetar LinkedIn

Você também deseja publicar tweets ou sua linha do tempo do Twitter em seu site? Leia este artigo para descobrir como criar um feed WordPress do Twitter que atualiza automaticamente seu site com novo conteúdo do Twitter assim que é publicado.

Ao publicar consistentemente novos conteúdos do Twitter, você ajuda seu site a se manter atualizado e atraente para os visitantes. E economiza tempo para reutilizar o conteúdo existente em vez de criar um novo material.

O que é um feed do Twitter do WordPress?

Um feed WordPress do Twitter mostra tweets individuais, sua linha do tempo ou a linha do tempo de outro usuário, incorporados ao seu site WordPress. Os feeds também podem mostrar tweets com base em hashtags, palavras-chave de pesquisa ou algum outro critério.

A melhor maneira de criar um feed do Twitter em seu site WordPress é usar um plug-in criado para essa finalidade. Isso possibilita que qualquer pessoa faça exibições personalizadas de todos os tipos de conteúdo do Twitter.

MonsterInsights é o melhor plugin WordPress Analytics. Obtenha gratuitamente!

Neste exemplo, vamos usar um plug-in de feed de mídia social chamado Twitter Feed Pro da Smash Balloon.

Smash Balloon WordPress Plug-in de feed do Twitter

O Twitter Feed Pro automatiza o trabalho de incorporar tweets e cronogramas no WordPress. Possui um grande número de opções para filtrar qual conteúdo exibir e como ele aparece em seu site.

E tudo isso vem em um pacote fácil de usar que permite que até mesmo iniciantes criem feeds do Twitter com aparência incrível em seus sites WordPress.

Estas são algumas outras vantagens que você obterá ao usar o Twitter Feed Pro:

  • Os feeds do Twitter agregam valor de SEO ao seu site, adicionando novos conteúdos rastreáveis ​​regularmente
  • O conteúdo do feed é responsivo para ter uma ótima aparência em qualquer tamanho de tela, do celular ao desktop
  • Você pode mostrar tweets de outros usuários, sua própria conta no Twitter, pessoas que você segue ou filtrando hashtags ou termos de pesquisa
  • Exiba quantos feeds quiser, de diferentes usuários, em várias páginas ou widgets
  • O conteúdo do Twitter herda o estilo do seu site para corresponder ao design geral da web por padrão

Você verá mais recursos abaixo enquanto mostramos como usar o Twitter Feed Pro neste tutorial.

Para quem usa outras plataformas sociais, o Smash Balloon também faz plugins para exibir outros feeds de mídia social em sites WordPress:

  • Facebook Feed Pro
  • Feed Pro do Instagram
  • YouTube Feed Pro
  • Mural social

Se você gostaria de usar mais de um plug-in de feed social em seu site, o pacote All Access é o melhor negócio e fornece todas as ferramentas de mídia social necessárias para o WordPress.

Ok, vamos criar um feed real com o plug-in Twitter Feed Pro no WordPress e ver exatamente como isso é feito.

Como adicionar um feed do Twitter ao WordPress (4 etapas)

Começaremos obtendo o plug-in e seguiremos o restante dessas etapas simples:

Etapa 1. Instale o Twitter Feed Pro no WordPress

Etapa 2. Crie um feed personalizado do Twitter

Etapa 3. Personalize o layout do feed do Twitter e as opções de exibição

Etapa 4. Adicione o feed do Twitter ao seu site WordPress

Vamos começar….

Etapa 1. Instale o Twitter Feed Pro no WordPress

Para instalar o plug-in Twitter Feed Pro em seu site, acesse o site Smash Balloon e selecione o plano desejado.

Depois de concluir o processo de pagamento, vá para a página Minha conta no site do Smash Balloon e clique na guia Downloads .

Download do plug-in de feed do Twitter Smash Balloon

Você vai querer fazer duas coisas nesta página. Primeiro, clique no ícone de download ao lado de Twitter Feed Pro para baixar e salvar o plug-in em seu computador.

Em segundo lugar, copie a chave de licença sob o rótulo License (All Plugins) . Você vai inserir essa chave na próxima etapa.

Agora, faça login no WordPress e clique em Plugins »Adicionar novo no menu principal do painel. No topo desta página, clique no botão Upload Plugin .

Carregar Novo Plugin WordPress

Neste ponto, selecione o arquivo ZIP que você baixou do Smash Balloon e clique no botão Instalar agora .

Instale o plug-in Twitter Feed Pro para WordPress

Após a instalação do plug-in, clique no botão Ativar plug -in para concluir.

Pronto, o Twitter Feed Pro está instalado. Agora você pode clicar em Feed do Twitter »Configurações no menu do WordPress e inserir a chave de licença que você copiou da sua conta do Smash Balloon anteriormente.

Chave de licença do plug-in Twitter Feed Pro

Clique em Ativar para verificar sua conta e você está pronto para usar o Twitter Feed Pro. Vamos criar seu primeiro feed do Twitter no WordPress!

Etapa 2. Crie um feed personalizado do Twitter

Para iniciar o processo de criação de um novo feed do Twitter em seu site WordPress, clique em Feed do Twitter » Todos os feeds .

Se este for o primeiro feed que você está criando no Twitter Feed Pro, você será direcionado para o novo assistente de feed. Clique no botão Adicionar novo .

Twitter Feed Pro Criar novo feed

Ok, agora você precisa selecionar o tipo de feed que deseja exibir em seu site.

Twitter Feed Pro para WordPress Selecione o tipo

Para este exemplo, escolheremos User Timeline . Isso mostrará um feed com a linha do tempo de qualquer usuário do Twitter que você gostaria de exibir em seu site. Depois de selecionar o tipo de feed, clique no botão Avançar para continuar.

Para adicionar uma linha do tempo do Twitter, agora você precisa conectar sua conta do Twitter. Clique no botão Conectar.

Twitter Feed Pro Conectar conta do Twitter

Em seguida, insira um nome ou identificador de conta do Twitter válido e uma senha e clique no botão Autorizar aplicativo . Isso permite que o Twitter Feed Pro acesse o conteúdo do Twitter para que possa ser publicado em seu site.

Feed do Twitter Entrar no Twitter

Na próxima tela, você deverá inserir o identificador da conta do Twitter que deseja exibir em seu feed. Digite o identificador e clique no botão Avançar mais uma vez.

Twitter Feed Pro Adicionar Timeline Twitter Handle

A próxima tela permite que você escolha um modelo que controle a aparência geral do seu feed. Nesta etapa, selecionaremos o modelo padrão para começar. Você pode personalizar esse modelo na próxima etapa do processo.

Twitter Feed Pro Modelo Padrão WordPress

Ok, clique no botão Avançar mais uma vez e pronto! Seu feed está todo configurado.

Você deve ver uma prévia do seu feed agora na tela do editor de feed.

Visualização do feed do Twitter WordPress

Fique nesta tela, pois em nosso próximo passo vamos configurar nosso layout e exibição de feed.

Etapa 3. Personalize o layout do feed do Twitter e as opções de exibição

Se você ainda estiver na tela do editor de feeds, ótimo! Caso contrário, vá para Twitter Feed »Todos os feeds para ver a lista de feeds que você criou com o plug-in Twitter Feed Pro.

Twitter Feed Pro Selecione o feed para personalizar

Em seguida, clique no feed que deseja personalizar para acessar o editor de feed.

Na guia Configurações da tela do editor de feed, você pode alterar a fonte do feed e criar filtros para incluir ou excluir tweets dependendo das palavras-chave. Você também pode escolher se deseja mostrar respostas e retuítes.

Editor de configurações de feed do Twitter

Na guia Personalizar , você pode alterar o layout, o modelo e o esquema de cores do feed.

Feed do Twitter Personalizar Exibição WordPress

Você também pode modificar o conteúdo do cabeçalho, carregar mais botão e se o seu feed aparece em uma caixa de luz. Clique no item Tweets para personalizar a aparência de tweets individuais em seu feed.

Feed do Twitter Personalize os elementos do Tweet

Aqui você poderá escolher se deseja mostrar mídia incorporada em tweets, informações de assinatura, cartões do Twitter e outros elementos. Se não quiser mostrar imagens e vídeos em seu feed, desmarque a caixa Mídia .

Você também pode clicar no símbolo ao lado dos itens de menu para ver configurações adicionais. Por exemplo, você tem a opção de mostrar imagens e texto do avatar dos autores ou não.

Feed do Twitter Personalizar configurações do autor

Depois de revisar seu feed de acordo com suas preferências, clique no botão Salvar no canto superior direito.

Incrível, seu feed está configurado e pronto para ser exibido em seu site! Agora, você só precisa decidir onde deseja que esse conteúdo do Twitter apareça.

Etapa 4. Adicione o feed do Twitter ao seu site WordPress

Você tem várias opções quando se trata da localização do conteúdo do Twitter em seu site WordPress. Você pode incorporar o feed em uma página ou postagem ou adicionar um widget que contenha seu feed do Twitter.

Para adicionar um feed do Twitter ao seu site, primeiro abra o editor de feeds, caso ainda não o tenha feito. Em seguida, clique no botão Incorporar ao lado do botão Salvar no canto superior direito.

Botão Incorporar Feed do Twitter

Agora, você verá uma caixa aberta que oferece 3 opções para incorporar o feed do Twitter em seu site WordPress:

  1. Copie um shortcode para colocar o conteúdo do feed em qualquer postagem, página, etc.
  2. Use o editor de blocos para adicionar o feed a qualquer página
  3. Adicionar um feed do Twitter a um widget do WordPress

Opções de incorporação de feed do Twitter WordPress

Como adicionar um feed do Twitter com um Shortcode

Para incorporar seu feed do Twitter usando um shortcode, basta clicar no botão Copiar . Agora, vá para qualquer página, postagem, widget ou outro local habilitado para códigos de acesso. Você pode colar o shortcode no editor de HTML do WordPress ou usar o bloco de shortcode no editor do Gutenberg.

Código curto do feed do Twitter na página do WordPress

Vá em frente e salve ou atualize a página e visualize seu feed ao vivo!

Página do WordPress Incorporada do Feed do Twitter

Como adicionar feed do Twitter a uma página

Outra maneira de adicionar seu feed a uma página individual no WordPress é clicar no botão Adicionar a uma página na etapa anterior. Isso abre uma lista de verificação onde você verá todas as páginas publicadas em seu site.

Twitter Feed Pro Incorporado na página do WordPress

Agora você pode selecionar qualquer página onde deseja que seu feed seja exibido e clicar em Adicionar . Essa página será aberta em uma nova guia. Clique no sinal de mais (+) para adicionar um novo bloco onde quiser que seu feed apareça.

Feed do Twitter Incorporar Bloqueio WordPress

Em seguida, clique no ícone do bloco Feed do Twitter e seu feed será adicionado no local selecionado. É isso, pronto, você pode salvar e visualizar sua página!

Como adicionar um feed do Twitter a um widget do WordPress

Tudo bem, nosso último exemplo mostrará como adicionar um feed do Twitter a um widget. Você pode colocar um widget em qualquer lugar que seu tema WordPress permitir.

Para colocar seu feed do Twitter em um widget, clique em Incorporar no editor de feed e depois no botão Adicionar a um widget . A tela de edição de Widgets será aberta no WordPress.

Feed do Twitter WordPress Widget Adicionar Bloqueio

Clique no sinal de mais (+) sob o widget onde você gostaria que seu feed do Twitter fosse exibido para abrir o editor de blocos. Agora, você pode usar qualquer um dos métodos usados ​​para inserir um feed anteriormente.

Adicionar feed do Twitter ao widget do WordPress

Clique no ícone Feed do Twitter para inserir automaticamente seu feed ou clique em Shortcode para usar um shortcode de feed do Twitter.

Quando terminar, clique no botão Atualizar e pronto! Confira seu novo feed do Twitter exibido no widget da barra lateral ou onde quer que você o tenha colocado!

Posso criar feeds do Twitter no WordPress sem um plug-in?

Sim, você pode mostrar postagens e cronogramas do Twitter sem um plug-in. Existem algumas maneiras diferentes de fazer isso usando ferramentas integradas ao WordPress.

Usando o Bloco do Twitter no WordPress para Adicionar um Tweet ou Linha do Tempo

Para aqueles que usam o editor de blocos Gutenberg no WordPress, você pode facilmente adicionar um tweet com um bloco embutido chamado Twitter .

Para adicionar um tweet com o bloco do Twitter, vá em frente e abra qualquer página ou postagem. Coloque o cursor onde deseja que o bloco do Twitter seja exibido e clique em + para adicionar um novo bloco.

Bloquear Twitter Adicionar Tweet Gutenberg Editor

Agora, navegue ou pesquise por “twitter” para encontrar o bloco do Twitter embutido no editor de blocos do WordPress. Clique no bloco para colocá-lo e você verá isso na tela do editor.

Twitter no WordPress Adicionar URL

Neste ponto, você inserirá um URL para um tweet do Twitter, linha do tempo ou outro tipo de conteúdo.

Para encontrar o URL de um tweet individual, clique no rótulo de data ao lado do tweet para abrir em uma guia separada. Em seguida, copie o URL da barra de endereços do navegador. Agora você pode colar esse URL no bloco Twitter do WordPress.

Aqui está a aparência de um tweet quando publicado em uma página usando o bloco do Twitter.

WordPress Bloquear Twitter Incorporar Tweet

Como você pode ver, a exibição padrão do tweet é agradável e simples. Infelizmente, você não tem muito controle sobre o layout e a exibição.

Se você inserir um URL de linha do tempo no bloco do Twitter, verá algo assim na página publicada.

WordPress Bloco do Twitter Incorporar Linha do Tempo

O WordPress exibe todo o conteúdo na linha do tempo escolhida, sem respostas, em uma caixa. Novamente, você não tem controle sobre quantas postagens são exibidas, se imagens ou respostas são incluídas ou outras configurações.

Considerando a falta de opções de exibição e layout oferecidas pelo bloco integrado do Twitter, realmente não recomendamos o uso desse método de adicionar um feed do Twitter ao WordPress.

Você obterá resultados muito melhores e muito mais opções de personalização, com um plug-in de feed social dedicado, como o Twitter Feed Pro do Smash Balloon.

E agora você está pronto para aproveitar os benefícios de adicionar conteúdo social como tweets ou sua linha do tempo do Twitter ao seu site WordPress. Obtenha mais tráfego no site e mais seguidores sociais e atualize o conteúdo do seu site com muito pouco esforço adicional!

Ok, isso é tudo para o nosso tutorial sobre como adicionar um feed do Twitter ao WordPress.

Se você gostou deste artigo, talvez goste de nosso post sobre como configurar o rastreamento de mídia social com o Google Analytics.

E não se esqueça de nos seguir no Twitter, Facebook e YouTube para mais tutoriais úteis, análises e dicas do Google Analytics.