Como criar um feed de Twitter personalizado para o seu site

Publicados: 2021-07-06

Você deseja criar um feed do Twitter personalizado para o seu site?

Exibir seus tweets mais recentes mantém seu site com uma aparência nova. Também pode ajudá-lo a obter mais seguidores.

Neste artigo, mostraremos a maneira mais fácil de inserir seus tweets em qualquer lugar do seu site WordPress.

Crie seu formulário WordPress agora

Como adiciono um widget do Twitter ao meu site?

Você pode adicionar facilmente um widget do Twitter usando o plugin Custom Twitter Feeds do Smash Balloon.

É facilmente o melhor plugin do Twitter para WordPress!

WPForms é o melhor plugin do WordPress Form Builder. Obtenha gratuitamente!

Página inicial de feeds personalizados do Twitter

Os feeds personalizados do Twitter são muito mais poderosos do que inserir tweets diretamente do Twitter porque:

  • Os feeds personalizados do Twitter oferecem muitas opções de personalização
  • É fácil exibir exatamente o que você deseja usando códigos de acesso
  • Você pode exibir feeds diferentes em partes diferentes do seu site
  • É fácil filtrar seu feed por hashtag, usuário ou palavra-chave
  • Seus tweets são carregados como parte do conteúdo da página e isso pode impulsionar seu SEO
  • Os feeds personalizados do Twitter também são compatíveis com o GDPR.

O Custom Twitter Feeds Pro permite que você exiba:

  • Feeds de usuários
  • Feeds de hashtag
  • Feeds filtrados personalizados
  • Menções
  • Listas do Twitter
  • Slideshows
  • Carrosséis
  • Procurar Resultados
  • E muito mais!

Você pode inserir tweets diretamente do Twitter usando a ferramenta Embedded Timeline. Mas existem poucas opções de personalização e não incorpora o conteúdo do tweet na página. Portanto, o plugin do Smash Balloon é uma escolha muito melhor.

Como criar um feed de Twitter personalizado para o seu site

Vamos configurar os feeds personalizados do Twitter e explorar as opções.

  1. Instale o plug-in de feeds personalizados do Twitter
  2. Conecte sua conta do Twitter ao WordPress
  3. Teste o seu feed do Twitter
  4. Personalize o seu feed do Twitter
  5. Use códigos curtos para filtrar e combinar feeds do Twitter

Primeiro, vamos instalar o plug-in de feed do Smash Balloon para Twitter.

1. Instale o plug-in de feeds personalizados do Twitter

Primeiro, vamos baixar e instalar o plugin Custom Twitter Feeds. Você pode obter o arquivo zip da sua conta do Smash Balloon.

Baixe o plugin de feed do Twitter personalizado

Volte para o seu site WordPress e vá para Plugins »Adicionar Novo . Em seguida, clique no botão Adicionar novo .

Adicionar novo plugin

Selecione o arquivo baixado e clique em Instalar agora para instalá-lo.

Instale o Twitter Feeds Pro personalizado

Foram realizadas! Não se esqueça de ativar o plugin quando a instalação for concluída. O plug-in o guiará pelo processo de inserir sua chave de licença para ativar os recursos do Pro.

2. Conecte sua conta do Twitter ao WordPress

Nesta etapa, vamos autorizar seu site WordPress a baixar tweets de sua conta do Twitter.

Vamos começar clicando no menu Twitter Feeds .

Configurações de feed do Twitter

Conectar sua conta do Twitter leva alguns segundos. Primeiro, clique no botão azul para fazer login.

Conecte a conta do Twitter ao WordPress

Quando a página de autorização do Twitter abrir, clique em Autorizar aplicativo para permitir que o Smash Balloon visualize seus tweets.

Autorizar Smash Balloon

E é isso! Agora seu site WordPress está conectado.

Agora vamos começar a construir seu feed personalizado do Twitter. Logo abaixo do botão azul, você verá uma área onde pode configurar seu feed. Neste exemplo, vamos exibir tweets de nossa própria conta do Twitter, @easywpforms.

Definir nome de usuário para feed personalizado do Twitter

A seguir, mostraremos como testar o feed.

3. Teste seu feed do Twitter

Para exibir seus tweets, vamos criar uma página de teste em seu site. Isso permitirá que você veja como ficará o feed final do Twitter para que possamos personalizar o conteúdo.

Esta é uma maneira fácil de ajustar a aparência do seu feed para que corresponda ao seu tema WordPress. Também podemos dar uma olhada em alguns dos códigos de acesso que usaremos.

Para criar uma página de teste, primeiro clique na guia Exibir seu feed .

Clique na guia Exibir feed do Twitter

Estamos apenas começando, então usaremos o shortcode padrão do feed do Twitter:

[custom-twitter-feeds]

Você pode pegá-lo no topo da página.

Exibir feed personalizado do Twitter com um código de acesso

Agora crie uma nova página do WordPress e adicione um bloco de shortcode.

Bloco de shortcode

Cole o shortcode no bloco, exatamente como o copiamos. Certifique-se de incluir os colchetes.

Código abreviado do Smash Balloon

Agora visualize sua página no WordPress.

Esta é a aparência de nosso feed do Twitter usando as configurações padrão.

Pré-visualizar feed personalizado do Twitter

Vamos personalizar o feed para que possamos tentar um layout diferente.

4. Personalize o seu feed do Twitter

De volta ao painel do WordPress, vamos alterar o número de tweets exibidos para 6. Você encontrará essa configuração logo abaixo do campo de nome de usuário que acabamos de usar.

Quantos tweets devem ser exibidos no Smash Balloon

E agora vamos tentar um layout diferente. Para fazer isso, clique na guia Personalizar nas configurações do plugin de feed do Twitter personalizado.

Clique na guia Personalizar feed do Twitter

Ao começar, você usará o layout de Lista . Vamos tentar mudar para a Maçonaria .

Selecione o layout do feed do Twitter

Agora salve suas configurações.

Podemos visualizar o resultado recarregando a página de teste que criamos anteriormente. Agora o feed parece muito mais compacto.

Feed do Twitter com layout de alvenaria

De volta à página Personalizar , você pode ajustar seu feed ainda mais. Vamos ver como fica sem texto, imagens ou vídeos retuitados. Você pode desmarcar as caixas aqui para escolher o que deseja exibir.

Mostre ou oculte partes do seu feed personalizado do Twitter

E esta é a aparência de nossa página de visualização:

Feed do Twitter personalizado sem imagens

Existem muitas outras maneiras de personalizar seu feed no Smash Balloon. Continue alterando essas configurações para obter o feed da maneira que você deseja, lembrando-se de clicar em Salvar antes de visualizá-lo novamente.

5. Use códigos curtos para filtrar e combinar feeds do Twitter

Você pode querer filtrar seu feed para que possa mostrar ou ocultar diferentes tipos de tweets. Você também pode combinar contas diferentes, ou filtros diferentes, em um feed.

Na guia Configurar , você pode controlar quais tweets são exibidos em seu site e quais são excluídos.

Excluir ou incluir palavras do feed personalizado do Twitter

Usando códigos de acesso, você também pode criar feeds diferentes e personalizá-los rapidamente. Isso é incrível se você deseja mostrar tweets que são relevantes para uma página específica, por exemplo.

Para experimentar, vamos voltar à guia Exibir seu feed .

Clique na guia Exibir feed do Twitter

Esta página oferece vários códigos de acesso diferentes para ajudá-lo a construir seus feeds da maneira que deseja que sejam exibidos.

Primeiro, vamos tentar:

[custom-twitter-feeds includewords="form"]

Este shortcode mostrará apenas tweets com a palavra 'formulário' neles, como este:

Feed do Twitter com configuração de inclusão de palavras

Agora vamos tentar este shortcode:

[custom-twitter-feeds autoscroll=true]

Isso irá carregar automaticamente os próximos 6 tweets quando chegarmos ao final:

Autoscroll feed personalizado do Twitter no WordPress

Você pode até combinar feeds de 2 contas em 1:

[custom-twitter-feeds screenname="easywpforms, wpmailsmtp"]

Feed do Twitter com vários usuários

Colocando em camadas diferentes configurações de shortcode, você pode criar feeds totalmente personalizados. E você exibe qualquer feed com suas próprias configurações e filtros de exibição.

Vá em frente e explore todos os códigos de acesso no plug-in para que seu feed tenha a aparência exata que você deseja.

E é isso! Agora você sabe como criar feeds personalizados ilimitados do Twitter e exibi-los facilmente em qualquer lugar no WordPress.

Crie seu formulário WordPress agora

Em seguida, rastreie seus envios de formulários no Facebook

Você gostaria de rastrear os envios de formulários como eventos do Facebook?

É super fácil! Aprenda como rastrear seu formulário com um pixel do Facebook.

Pronto para construir seu formulário? Comece hoje mesmo com o plug-in mais fácil de criar formulários do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

Se este artigo ajudou você, siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.