Procura uma forma fácil de mostrar conteúdo X (Twitter) no seu sítio Web?
Adicionar um widget do Twitter é uma das formas mais eficazes de oferecer aos seus visitantes conteúdo fresco e envolvente do Twitter. Com tantos métodos para adicionar widgets ao WordPress, é difícil saber por onde começar.
Neste artigo, vamos mostrar-lhe como adicionar um widget do Twitter no WordPress utilizando 2 métodos diferentes:
- Adicionar widgets do Twitter ao WordPress com um plugin
- Incorporar widgets do Twitter no WordPress com o Twitter Publish
Antes de começarmos, vamos esclarecer o que queremos dizer quando falamos em "widget do Twitter".
O que é um Widget WordPress X (Twitter)?
Um "widget" é simplesmente um bloco de conteúdo que pode ser adicionado à barra lateral, aos rodapés e a outras áreas do seu site.
Já alguma vez visitou um blogue e viu um formulário de inscrição ou botões sociais na barra lateral? Ambos são widgets. Cada widget acrescenta uma caraterística ou função ao seu sítio sem necessidade de escrever qualquer código.
Assim, um widget do Twitter é um bloco de conteúdo do Twitter que pode adicionar às áreas da barra lateral.
Utilizando um widget do Twitter, pode mostrar o conteúdo do Twitter no seu Web site e envolver os seus visitantes. Para adicionar manualmente um widget do Twitter, terá de lidar com códigos incorporados que podem ser confusos.
Para facilitar, pode utilizar os plug-ins do WordPress, que eliminam a necessidade de mexer no código.
Deve utilizar um plugin X (Twitter) para WordPress?
Se não se sente confortável a trabalhar com códigos de incorporação e gostaria de ter uma forma fácil de personalizar o seu widget, utilizar um plug-in do Twitter é uma decisão inteligente.
Desta forma, pode mostrar facilmente toneladas de conteúdo do Twitter no seu sítio Web sem tocar numa única linha de código ou contratar um designer.
Utilizando um plugin, pode até ajustar o design do seu widget do Twitter. Por exemplo, pode clicar em algumas definições para fazer corresponder o widget ao tema e à marca do seu site.
Também o ajudam a apresentar exemplos específicos de widgets do Twitter, como feeds de hashtag, pesquisas personalizadas e cronologias de utilizadores.
Como pode ver, um plugin do Twitter para WordPress facilitará muito a criação de widgets do Twitter com o aspeto que pretende.
Métodos para adicionar um widget X (Twitter) no WordPress
Agora é altura de analisar os diferentes métodos para adicionar um widget do Twitter no WordPress.
Existem duas maneiras de adicionar um widget do Twitter ao seu site WordPress:
- Adicione o seu widget do Twitter utilizando um plugin do WordPress
- Adicionar o widget do Twitter manualmente
Vamos dar uma vista de olhos a estes dois métodos:
Como adicionar widgets do Twitter ao WordPress com um plugin
Para adicionar um widget do Twitter a posts e páginas do WordPress, terá de descarregar o plugin Twitter Feed Pro da Smash Balloon.
Sendo o plugin de feed do Twitter mais bem classificado para WordPress, permite-lhe integrar perfeitamente o seu conteúdo do Twitter no seu sítio Web.
Para o ajudar a criar belos feeds do Twitter, tem até um editor de feeds em direto para o ajudar a personalizar tudo com facilidade. Pode definir o cabeçalho, a disposição do feed, o esquema de cores e muito mais.
Além disso, o plugin é leve, pelo que pode incorporar tantos tweets quantos quiser e o seu sítio continuará a carregar mais rapidamente do que nunca. Com um sítio mais rápido, pode obter uma melhor SEO e uma classificação elevada nos resultados dos motores de busca.
Terá feeds simples, personalizáveis e com boa capacidade de resposta que aumentam o envolvimento no seu site e acrescentam provas sociais valiosas.
Como resultado, o Twitter Feed Pro tem uma classificação de 4,9/5 estrelas e mais de 150.000 utilizadores activos de todo o mundo.
Clique aqui para começar a utilizar o Twitter Feed Pro.
Agora, vamos ver como pode adicionar widgets do Twitter ao seu site utilizando este plugin.
Passo 1: Instalar o plug-in Twitter Feed Pro
Primeiro, pegue a sua cópia do Twitter Feed Pro aqui e instale-o no seu site.
Não sabe como? Pode simplesmente seguir estas instruções para instalar um plugin WordPress no seu sítio Web.
Passo 2: Criar um novo widget do Twitter
Está na altura de criar o seu widget do Twitter utilizando o plugin.
A partir da área do painel de controlo do WordPress, navegue até ao menu Twitter Feed " All Feeds e, em seguida, clique no botão Add New (Adicionar novo).
Agora, o Twitter Feed Pro pedir-lhe-á que selecione o tipo de widget do Twitter que pretende para o seu sítio Web.
Pode escolher entre estas opções:
- Linha de tempo do utilizador: Selecionar um perfil específico do Twitter e mostrar os seus tweets
- Hashtag: Feeds de conteúdos filtrados para hashtags públicas específicas
- Pesquisar: Os resultados de uma pesquisa avançada no Twitter são apresentados num widget do Twitter
- Listas: Selecionar uma lista do Twitter e incorporar os tweets disponíveis
Também pode selecionar várias opções aqui para combinar diferentes tipos de feed do Twitter num único widget.
Para continuar, selecione o tipo de feed do Twitter e clique em Seguinte.
Para este tutorial, vamos mostrar um widget de hashtag do Twitter.
Passo 3: Ligar a sua conta do Twitter
O Twitter Feed Pro torna muito fácil ligar a sua conta do Twitter ao WordPress para que o seu widget seja atualizado automaticamente.
Para começar, clique no botão Ligar na janela pop-up.
Depois de o fazer, o plugin abre o Twitter, onde pede acesso só de leitura à sua conta.
Ao utilizar este acesso, o Twitter Feed Pro apenas visualizará as suas informações e não poderá efetuar quaisquer alterações.
Isto significa que é totalmente seguro utilizar este plugin.
Basta clicar no botão Autorizar aplicação aqui, e pode confirmar o acesso só de leitura.
Depois de o fazer, o Twitter Feed Pro envia-o de novo para o seu sítio Web.
Agora pode selecionar o que mostrar no seu widget do Twitter adicionando o hashtag, a cronologia do utilizador, a lista do Twitter e o termo de pesquisa.
Para este guia, vamos adicionar a nossa hashtag ao widget.
Depois de adicionar a sua fonte, basta clicar em Seguinte.
Etapa 4: Personalize seu novo widget do Twitter
Para tornar a personalização muito fácil, basta selecionar um modelo para o seu novo widget do Twitter.
Existem 7 modelos de feed que pode escolher, e cada um tem um design único:
- Predefinição
- Alvenaria
- Carrossel simples
- Cartões simples
- Carrossel de exposição
- Últimos Tweets
- Widget
Depois de escolher uma opção que se adeqúe ao seu widget do Twitter, clique em Seguinte para continuar.
Agora, pode utilizar o editor de feed em direto para personalizar o design do seu novo widget de feed do Twitter.
À esquerda, pode encontrar as opções de personalização para definir a disposição do feed, as cores, o design do cabeçalho, o estilo da caixa de tweet, as opções da lightbox e muito mais.
Para o ajudar a acompanhar as suas alterações, existe uma pré-visualização em direto do seu feed do Twitter à direita.
Vamos começar com a personalização e definir o esquema do seu widget do Twitter.
Para o fazer, basta selecionar a opção Layout do feed à esquerda.
Com o Twitter Feed Pro, pode escolher entre 3 opções de layout de feed:
- Lista
- Alvenaria
- e Carrossel
Primeiro, tem a opção Lista que mostra os seus tweets numa única coluna. Desta forma, os seus tweets terão muito mais espaço.
Quer mostrar toneladas de tweets de uma só vez no seu widget do Twitter?
Pode optar pelo esquema de alvenaria , que mostra os tweets em várias colunas.
Também pode escolher a disposição Carrossel e mostrar os seus tweets num bonito carrossel de apresentação de diapositivos.
Desta forma, os seus visitantes podem interagir com o seu widget do Twitter para verem mais conteúdos.
Depois de selecionar o esquema de feed adequado ao seu widget do Twitter, basta clicar no botão Guardar .
A partir daqui, pode regressar às opções principais clicando no pequeno botão Personalizar na parte superior.
Quer escolher as cores para o seu novo widget do Twitter?
Em seguida, clique na opção Esquema de cores à esquerda.
Para selecionar as cores do seu widget, basta escolher um esquema de cores.
Com o Twitter Feed Pro, existem 4 opções para o seu esquema de cores:
- Herdar do tema: Copia automaticamente as cores do seu tema
- Luz: Escolha um visual brilhante para o seu widget do Twitter
- Escuro: Utilize cores escuras e tipos de letra claros
- Personalizado: Selecionar todas as cores manualmente
Selecione o esquema de cores que prefere e, em seguida, clique novamente no botão Guardar para confirmar as suas alterações.
Utilizando o editor de feed em direto, pode agora personalizar o estilo da caixa de tweet, o cabeçalho do Twitter, o botão "carregar mais", o tamanho do feed e muito mais.
Quando estiver satisfeito com o aspeto do widget do Twitter, não se esqueça de clicar novamente em Guardar .
Passo 5: Adicionar o widget do Twitter ao WordPress
É muito fácil incorporar o widget do Twitter utilizando o editor de feed em direto. Além disso, existem duas formas de incorporar o seu widget:
- Adicionar o widget do Twitter a uma página do WordPress
- Adicionar o widget do Twitter à barra lateral ou ao rodapé
Vamos analisar estes dois métodos em seguida.
No editor de feed em direto, clique no botão Incorporar na parte superior para começar.
Isto abrirá uma janela pop-up que pergunta onde pretende incorporar o widget do Twitter.
Basta clicar na opção Adicionar a uma página para o incorporar numa página do WordPress.
Na janela pop-up, basta selecionar a página onde pretende mostrar o widget.
Em seguida, clique em no botão Adicionar abaixo.
Pode agora ver essa página aberta no editor de blocos do WordPress, onde pode incorporar o widget do Twitter.
Para o fazer, primeiro, clique no ícone de mais (+) no editor para adicionar um bloco de conteúdo.
Utilizando a barra de pesquisa, procure "twitter feed" e, em seguida, clique no widget Twitter Feed abaixo.
Com isto, adicionou o widget do Twitter à sua página.
Por fim, clique no botão Publicar ou Atualizar e o seu widget do Twitter estará agora disponível para todos.
De facto, pode abrir o seu sítio Web para verificar o seu aspeto.
Pretende adicionar o seu widget à barra lateral ou ao rodapé?
Pode fazê-lo facilmente a partir do editor de feed em direto.
Na área do painel de administração, navegue até ao menu Feed do Twitter " Todos os feeds e, em seguida, clique no widget de feed do Twitter.
Isto mostra-lhe o widget do Twitter no editor de feed em direto.
Para começar a incorporar o seu widget, clique no botão Incorporar no canto superior direito.
Na janela pop-up, pode clicar no botão Adicionar a um Widget desta vez.
Ao fazê-lo, será remetido para a página de widgets do seu sítio Web WordPress.
Nesta página, pode escolher onde pretende incorporar o widget de feed do Twitter.
Para o incorporar na sua barra lateral, basta clicar no painel Barra lateral .
Quer utilizar antes o rodapé? Então clique num painel de rodapé aqui.
Para adicionar um novo widget do WordPress, clique no ícone de mais (+) na parte inferior do painel.
Em seguida, selecione o widget Twitter Feed de entre todas as opções.
Por fim, pode clicar no botão Atualizar e o seu widget do Twitter ficará ativo na barra lateral do seu sítio Web.
E se, em vez disso, escolher o rodapé, pode encontrar o widget do Twitter na parte inferior do seu sítio Web.
Com isso, vamos dar uma olhada na maneira antiga de incorporar widgets do Twitter no seu site.
Como adicionar seus widgets do Twitter manualmente
O nosso último método utiliza a ferramenta X Publish para adicionar o seu widget no WordPress. A desvantagem de utilizar este método é que tem menos controlo sobre o aspeto do widget no seu sítio.
Para adicionar um feed do Twitter utilizando este método, vá ao sítio Web do X Publish e escolha o tipo de conteúdo que pretende incorporar.
Vamos utilizar a opção Perfil.
Em seguida, cole o URL do perfil que pretende apresentar e clique no ícone Seguinte .
Se descer agora, pode escolher a forma de apresentar este widget do Twitter.
Pode escolher o design de um botão, se quiser. Por agora, vamos escolher a opção Linha de tempo incorporada .
O passo seguinte é copiar o código que pode inserir no seu sítio WordPress.
Basta clicar no botão Copiar código à direita para continuar.
Em seguida, pode criar um novo post ou página no WordPress.
Para incorporar o código, adicione um novo bloco de conteúdo clicando no ícone de mais (+) no editor.
Agora, procure "html personalizado" na barra de pesquisa na parte superior e clique no bloco HTML personalizado para continuar.
Em seguida, cole o seu código de incorporação diretamente no bloco.
Agora, quando pré-visualizar a sua nova página, o widget do Twitter terá um aspeto semelhante ao do exemplo abaixo:
É possível incorporar o seu feed num widget na sua barra lateral utilizando este método.
Em primeiro lugar, navegue até Aparência " Widgets para começar a gerir os widgets do seu sítio Web.
Depois de o fazer, clique no painel Barra lateral para incorporar o seu widget nesse painel.
Pretende adicionar o widget do Twitter ao seu rodapé? Em vez disso, clique em Rodapé .
Por fim, clique no ícone de mais (+) para adicionar um widget e, em seguida, clique no widget HTML personalizado.
Em seguida, cole o seu código de incorporação no widget como anteriormente.
Por fim, clique no botão Atualizar na parte superior.
Quando navega para a frente do seu sítio Web, o seu feed terá um aspeto semelhante ao do exemplo abaixo:
E aí está.
Agora já sabe como adicionar um widget do Twitter no WordPress. O aspeto fundamental a ter em conta é que, com o terceiro método, terá menos controlo sobre o design, a disposição e o conteúdo do seu feed do Twitter.
Com o plugin Twitter Feed Pro, pode fazer tudo isso com apenas alguns cliques - sem necessidade de HTML, Javascript, CSS ou qualquer tipo de codificação.
Pronto para incorporar widgets do Twitter? Obtenha sua cópia do Twitter Feed Pro hoje mesmo.
Para mais formas de promover a sua marca nas plataformas das redes sociais, siga este guia sobre como melhorar o seu marketing nas redes sociais.
Se gostou deste artigo, não hesite em seguir-nos no Twitter e no Facebook para mais tutoriais sobre marketing nas redes sociais.
