Deseja adicionar um widget do Twitter ao seu site WordPress?
Adicionar widgets do Twitter ao WordPress pode ajudar a atualizar seu site com conteúdo novo e relevante. Isso também envolve os visitantes do seu site, mantendo-os no site por mais tempo enquanto exibe as publicações que você compartilha no Twitter.
Neste guia, mostraremos a você como adicionar um widget do Twitter ao WordPress usando vários métodos fáceis.
O que é um widget do Twitter para WordPress?
Um widget do Twitter é uma seção de conteúdo que pode ser adicionada à barra lateral, ao rodapé ou a outras áreas preparadas para widgets do WordPress.
Ao visitar nosso blog, você notará o formulário de inscrição no boletim informativo por e-mail no lado direito.
Esse é um widget e widgets como esse ajudam a adicionar conteúdo ao seu site sem escrever código.
Um widget do Twitter exibe conteúdo do Twitter em seu site, por exemplo:
- Feeds personalizados do Twitter
- Publicações específicas no Twitter
- Feeds de hashtag do Twitter
- Botões para seguir no Twitter
Você pode encontrar widgets do Twitter para o seu site procurando um plug-in do Twitter no diretório de plug-ins do WordPress. Como alternativa, algumas ferramentas permitem que você exiba tweets usando um código incorporado, como as ferramentas de desenvolvimento do Twitter.
Por que adicionar conteúdo do Twitter ao WordPress?
Exibir o conteúdo do Twitter em seu site WordPress é uma excelente maneira de atualizar seu site com novos conteúdos. Como muitas ferramentas atualizam os feeds e widgets do Twitter em seu site automaticamente, você não precisará adicionar conteúdo manualmente, economizando tempo e mantendo seu site atualizado e envolvente.
Os widgets do Twitter que incluem botões de seguir e compartilhar podem ajudar a aumentar seus seguidores nas mídias sociais. Em vez de sair do seu site para visualizar sua conta do Twitter, os usuários podem segui-lo no Twitter e compartilhar conteúdo relevante diretamente do seu site.
Até agora, você sabe o que é um widget do Twitter e por que adicionar conteúdo do Twitter ao WordPress é uma boa ideia. Agora vamos dar uma olhada nos métodos para adicionar conteúdo envolvente do Twitter ao seu site.
Como adicionar facilmente um widget do Twitter ao WordPress
A seguir, veremos três maneiras diferentes de adicionar um widget do Twitter ao WordPress. Começaremos com as soluções mais fáceis, usando um construtor de páginas e um plug-in do Twitter para WordPress, e terminaremos com um método manual.
Adicionar um widget do Twitter com o plug-in WordPress Page Builder
Primeiro, mostraremos como adicionar um widget do Twitter ao WordPress usando um plug-in do construtor de páginas.
Os construtores de páginas permitem que você personalize seu site WordPress visualmente, sem código. Eles também são uma excelente maneira de aprimorar o design e a funcionalidade do seu site sem instalar vários plug-ins do WordPress ou contratar um desenvolvedor.
O plugin que usaremos hoje é o SeedProd, o melhor construtor de sites para WordPress. Ele inclui um construtor de páginas de arrastar e soltar que permite criar temas personalizados do WordPress, páginas de destino e layouts flexíveis de forma rápida e fácil.
O SeedProd tem centenas de modelos pré-fabricados e elementos de conteúdo personalizáveis, incluindo feeds do Twitter, incorporação de posts e botões de seguir e tweetar. Você também pode adicionar elementos de geração de leads ao seu site, como formulários de inscrição, formulários de contato, tabelas de preços, prova social e muito mais.
Siga estas etapas para adicionar um widget do Twitter no WordPress com o SeedProd.
Etapa 1. Instalar e ativar o SeedProd
Primeiro, você precisa começar a usar um plano SeedProd e fazer o download do plug-in em seu computador. Depois disso, carregue e ative o plugin em seu site WordPress.
Se precisar de ajuda com essa etapa, consulte este guia sobre como instalar um plug-in do WordPress.
Observação: o SeedProd tem uma licença gratuita, mas usaremos a versão premium para obter os recursos avançados.
Depois de instalar o SeedProd, acesse SeedProd " Settings e insira sua chave de licença. Você pode encontrar a chave no site do SeedProd, na seção "Downloads" da sua conta.
Etapa 2. Criar um tema WordPress ou uma página de destino
Há duas maneiras de usar o SeedProd para personalizar seu site WordPress.
Você pode criar um tema personalizado do WordPress com todas as partes e páginas do modelo e personalizar cada parte com o editor visual. Ou pode criar uma página de destino com seu tema existente do WordPress.
Para este tutorial, usaremos o modelo de barra lateral de um tema personalizado do WordPress do SeedProd. Você pode consultar este guia para ver todas as etapas de criação de um tema personalizado do WordPress com o SeedProd.
Se preferir usar uma página de destino, você pode seguir este guia sobre como criar uma página de destino no WordPress.
Ambos os guias o orientarão na escolha de um modelo e na preparação do tema ou da página de destino para personalização. Quando estiver pronto para adicionar seu conteúdo do Twitter, passe para a etapa 3 deste tutorial.
Etapa 3. Adicionar os blocos do Twitter do SeedProd ao WordPress
Agora que você criou seu tema personalizado ou página de destino, pode editar seu design no construtor de páginas de arrastar e soltar do SeedProd.
Se estiver editando uma página de destino, navegue até SeedProd " Landing Pages e clique em "Edit" (Editar) na página que deseja personalizar.
Para este guia, no entanto, editaremos o modelo da barra lateral do nosso tema personalizado do WordPress. Para fazer isso, vá para a página SeedProd " Theme Builder , passe o mouse sobre o modelo relevante e clique no link "Edit Design".
Depois de abrir seu design, você o verá no editor visual do SeedProd. Blocos e seções estão à esquerda e uma visualização ao vivo está no lado direito.
Você pode clicar em qualquer elemento na visualização para editar suas configurações. Isso abrirá as opções de personalização no painel esquerdo.
Ao rolar para baixo até a seção Bloco avançado, você verá vários elementos de conteúdo que podem ser adicionados ao seu design. Aqui estão os blocos em que nos concentraremos para adicionar widgets do Twitter ao seu site WordPress:
- Tweet incorporado no Twitter
- Linha do tempo de incorporação do Twitter
- Botão Tweet do Twitter
- Botão Seguir do Twitter
Tweet incorporado no Twitter
O bloco Twitter Embed Tweet permite que você incorpore qualquer publicação do Twitter com apenas alguns cliques. Basta arrastar o bloco para sua visualização ao vivo e clicar nele para exibir as configurações.
No painel de configurações, você pode colar o ID do tweet específico que deseja incorporar. Você também pode escolher esquemas de cores claras e escuras, ocultar conversas de tweets, ocultar fotos, vídeos e cartões do Twitter e ajustar o alinhamento do bloco.
A guia Advanced controla o espaçamento e os atributos do bloco e permite ocultá-lo no celular ou no desktop.
Linha do tempo de incorporação do Twitter
O bloco Twitter Embed Timeline permite exibir o feed completo de qualquer usuário do Twitter no seu site WordPress. Basta inserir o identificador do Twitter do feed que você deseja exibir e, em seguida, personalizar o estilo e as configurações.
Esse bloco vem com um esquema de cores claras e escuras e opções para mostrar ou ocultar:
- Cabeçalho
- Rodapé
- Fronteiras
- Transparência
- Barra de rolagem
- Respostas
Você também pode controlar o espaçamento, os atributos e a visibilidade do dispositivo na guia Advanced.
Blocos de botões Tweet e Seguir do Twitter
Os dois últimos widgets do Twitter no SeedProd são os blocos de botões tweet e follow. Eles funcionam de forma semelhante às incorporações de post e feed, mas, em vez de mostrar o conteúdo do Twitter, permitem que os visitantes tweetem uma mensagem personalizada ou sigam seu perfil no Twitter.
As configurações do botão Seguir permitem que você insira seu nome de tela do Twitter, mostre a contagem de seguidores e personalize o alinhamento, o idioma, o espaçamento e a visibilidade do dispositivo.
Nas configurações do botão Tweet, você pode adicionar o URL que deseja que os visitantes compartilhem, o conteúdo do tweet e as hashtags. Há também um campo para adicionar @ via menções e contas relacionadas.
Ambos os botões permitem escolher entre tamanhos pequenos ou grandes e controlar como eles são exibidos em telas de dispositivos móveis e de computadores.
Faça experiências com diferentes combinações de blocos do Twitter do SeedProd e, em seguida, clique no botão Save (Salvar ) no canto superior direito para salvar suas alterações.
Etapa 4. Publique seus widgets do Twitter no WordPress
A próxima etapa é tornar seu conteúdo do Twitter ativo em seu site do WordPress. Como estamos usando um tema personalizado do SeedProd WordPress, tudo o que você precisa fazer é acessar SeedProd " Theme Builder e colocar a opção Ativar tema do SeedProd na posição "On".
Agora você pode visualizar a página com seu conteúdo do Twitter e ver como ela fica.
Incorporar um widget do Twitter com um plug-in de feed do Twitter para WordPress
O método que veremos a seguir envolve o uso de um plug-in do Twitter Feeds para adicionar um widget do WordPress ao seu site. Usaremos o plug-in Custom Twitter Feeds Pro da Smash Balloon.
O plug-in Custom Twitter Feeds é o plug-in de feed do Twitter mais bem avaliado para WordPress. Você pode usá-lo para exibir feeds incríveis do Twitter em seu site com apenas alguns cliques.
Você pode personalizar seus feeds ao vivo do Twitter em tempo real com o editor visual de feeds e escolher entre vários tipos de feeds para atender às suas necessidades comerciais.
Siga as etapas abaixo para adicionar feeds do Twitter no WordPress com o Smash Balloon.
Etapa 1. Instalar o plug-in Twitter Feeds Pro
Primeiro, obtenha o plug-in Twitter Feeds Pro e instale-o em seu site WordPress.
Depois de ativar o plug-in, vá para Twitter Feed " Settings e insira os detalhes da chave de licença.
Depois de confirmar sua chave de licença, você estará pronto para adicionar seu primeiro widget do Twitter.
Etapa 2. Criar um widget personalizado do Twitter
Para adicionar um novo widget do Twitter, vá para a página Feed do Twitter " Todos os Feeds e clique no botão Adicionar novo.
Você pode escolher o tipo de feed que deseja adicionar na próxima página. Ele mostrará as seguintes opções:
- User Timeline (Linha do tempo do usuário): uma linha do tempo de Tweets de qualquer usuário no Twitter
- Hashtag: tweets públicos que contêm uma hashtag específica
- Home Timeline: a linha do tempo de sua conta do Twitter
- Busca: um feed de Tweets que correspondem a termos de busca específicos do Twitter
- Menções: Tweets que mencionam seu nome de usuário no Twitter
- Listas: Tweets de listas públicas do Twitter
Para este guia, escolheremos a opção User Timeline (Linha do tempo do usuário). Clique no botão Next quando estiver pronto para a próxima etapa.
Etapa 3. Conecte sua conta do Twitter
A tela a seguir solicitará que você conecte sua conta do Twitter para acesso somente leitura, para que ele possa obter dados do Twitter e exibi-los em seu site.
Depois de clicar no botão Connect (Conectar), selecione Authorize App (Autorizar aplicativo) e você voltará ao processo de criação do feed do Twitter.
Como estamos adicionando um feed da User Timeline, a próxima etapa é inserir os identificadores do Twitter que você deseja exibir. Basta digitar o nome de usuário e clicar no botão Next (Avançar ).
Etapa 4. Personalize seu widget do Twitter
Agora você pode escolher entre 7 modelos diferentes para seu widget do Twitter:
- Alimentação padrão
- Cartões de alvenaria
- Carrossel simples
- Cartões simples
- Showcase Carousel
- Último Tweet
- Widget
Clique no modelo que melhor se adapta ao seu site e, em seguida, clique no botão Next (Avançar ).
Na tela seguinte, você pode usar o editor ao vivo para personalizar o widget do Twitter.
No painel esquerdo, há opções para alterar o layout do feed, o esquema de cores, o design do cabeçalho, os tweets, as opções de lightbox e muito mais. Você também pode visualizar suas alterações no lado direito.
A guia Feed Layout (Layout do feed ) permite que você escolha entre um layout List (Lista), Masonry (Alvenaria) ou Carousel (Carrossel).
Você pode escolher cores escuras, claras ou personalizadas na guia Color Scheme (Esquema de cores). Há também uma opção para herdar seu esquema de cores do tema do WordPress.
A guia Cabeçalho oferece várias opções de personalização de cabeçalho, como Padrão e Texto. Também é possível desativar a seção de cabeçalho e ocultar sua biografia do Twitter.
Continue ajustando a aparência do widget até que esteja satisfeito com a aparência de tudo. Além disso, clique no botão Save (Salvar ) para armazenar suas configurações.
Etapa 5. Adicione seu widget do Twitter ao WordPress
Incorporar o widget do Twitter em seu site WordPress é fácil com o Smash Balloon. Basta clicar no botão Incorporar na parte superior da tela.
Será exibida uma janela pop-up com as seguintes opções de incorporação:
- Shortcode: cole o shortcode do feed do Twitter em qualquer página, post ou widget
- Bloco do WordPress: use o bloco integrado do WordPress para adicionar seu feed a um post, página ou widget.
Para este guia, escolheremos a opção Add to a Widget (Adicionar a um widget ).
Ao clicar nessa opção, as configurações do widget do WordPress serão abertas automaticamente. A partir daí, clique no ícone de adicionar bloco e procure o bloco Custom Twitter Feeds.
Depois de adicionar o bloco à área do widget, clique no botão Atualizar para salvar suas alterações. Agora visite seu site para ver o widget do Twitter em ação.
Adicionar manualmente um widget do Twitter ao WordPress
O método final envolve o uso da ferramenta Twitter Publish para adicionar manualmente um widget do Twitter ao seu site WordPress sem um plug-in. Essa opção pode incorporar um tweet, uma linha do tempo ou um botão de seguir.
Esse método não oferece muito controle sobre o design do widget ou o tipo de conteúdo que pode ser exibido. No entanto, é uma solução útil para usuários que não desejam adicionar plug-ins adicionais ao WordPress.
Para usar esse método, acesse o site da ferramenta Twitter Publish e escolha o tipo de incorporação que você deseja usar. Usaremos a opção Timeline incorporada para este guia.
Na tela seguinte, você precisa inserir o URL completo do perfil do Twitter que deseja exibir e clicar no botão Preview (Visualizar ).
O Twitter gerará um código curto da linha do tempo que você poderá incorporar em seu site. Clique no botão copiar para salvar o código em sua área de transferência e, em seguida, volte ao seu site WordPress.
Você pode adicionar seu código de incorporação a qualquer post, página ou área de widget do WordPress. Para incorporar a linha do tempo como um widget da barra lateral, vá para Appearance " Widgets no painel do WordPress.
Agora, clique no ícone Adicionar bloco para adicionar um novo bloco à barra lateral e procure o bloco HTML personalizado. Cole o código incorporado que você copiou do Twitter no bloco HTML e clique no botão Atualizar.
Quando você visitar seu site ativo, o widget do Twitter será semelhante a este exemplo:
É isso aí!
Esperamos que este guia passo a passo tenha lhe ajudado a aprender como adicionar um widget do Twitter ao WordPress. Você pode gostar deste guia sobre como incorporar eventos do Facebook no WordPress enquanto estiver aqui.
Pronto para adicionar um widget do Twitter ao WordPress com o SeedProd?
Comece a usar o SeedProd hoje mesmo.
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.
Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.
