Procura uma forma fácil de mostrar conteúdo X (Twitter) no seu sítio Web?
Adicionar um widget do X é uma das formas mais eficazes de apresentar aos seus visitantes conteúdos novos e envolventes do X. 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 X no WordPress utilizando dois métodos diferentes:
- Como adicionar widgets do X (Twitter) ao WordPress com um plugin
- Como adicionar manualmente os teus widgets do X (Twitter)
Antes de entrarmos no assunto, vamos esclarecer o que queremos dizer quando falamos em «widget X».
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 X é um bloco de conteúdo X que pode adicionar às suas áreas da barra lateral.
Ao utilizar um widget do X, pode apresentar conteúdos do X no seu site e cativar os seus visitantes. Para adicionar manualmente um widget do X, terá de lidar com códigos de incorporação, o que pode tornar-se confuso.

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 sentir à vontade para trabalhar com códigos de incorporação e quiser uma forma fácil de personalizar o seu widget, utilizar um plugin X é uma decisão inteligente.
Dessa forma, podes apresentar facilmente imenso conteúdo X no teu site sem precisares de mexer numa única linha de código nem de contratar um designer.

Com um plugin, pode até personalizar o design do seu widget X. Por exemplo, basta clicar em algumas opções de configuração para adaptar o widget ao tema e à identidade visual do seu site.
Além disso, ajudam-no a apresentar exemplos específicos de widgets do X, como feeds de hashtags, pesquisas personalizadas e linhas do tempo dos utilizadores.
Como pode ver, um plugin X para o WordPress facilitará bastante a criação de widgets X com o aspeto que deseja.
Métodos para adicionar um widget X (Twitter) no WordPress
Chegou a altura de analisar os diferentes métodos para adicionar um widget X no WordPress.
Existem duas formas de adicionar um widget X ao seu site WordPress:
- Adicione o seu widget X utilizando um plugin do WordPress
- Adicione manualmente o seu widget X
Vamos dar uma vista de olhos a estes dois métodos:
Como adicionar widgets do X (Twitter) ao WordPress com um plugin
Para adicionar um widget do X às publicações e páginas do WordPress, terá de descarregar o plugin «X (Twitter) Feed Pro» da Smash Balloon.

Sendo o plugin de feed do X com melhor classificação para o WordPress, permite-lhe integrar de forma simples o seu conteúdo do X no seu site.
Para o ajudar a criar feeds do X com um aspeto fantástico, dispõe até de um editor de feeds em tempo real que lhe permite personalizar tudo com facilidade. Pode definir o cabeçalho, o layout do feed, o esquema de cores e muito mais.

Além disso, o plugin é leve, pelo que pode incorporar quantas publicações do X quiser, e o seu site continuará a carregar tão rapidamente como sempre. Com um site mais rápido, pode obter um melhor SEO e alcançar posições mais elevadas 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.
Consequentemente, o X (Twitter) Feed Pro tem uma classificação de 4,9/5 estrelas e mais de 150 000 utilizadores ativos de todo o mundo.

Clique aqui para começar a utilizar o X (Twitter) Feed Pro.
Agora, vamos ver como pode adicionar X widgets ao seu site utilizando este plugin.
Passo 1: Instalar o plugin X (Twitter) Feed Pro
Primeiro, descarrega aqui a tua cópia do X (Twitter) Feed Pro e instala-a no teu 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 X (Twitter)
Está na hora de criar o teu widget X utilizando o plugin.
A partir do painel de controlo do WordPress, aceda ao menu X Feed » Todos os feeds e, em seguida, clique no botão «Adicionar novo ».

Agora, o X (Twitter) Feed Pro irá pedir-lhe que selecione o tipo de widget do X que pretende ter no seu site.
Pode escolher entre estas opções:
- Cronologia do utilizador: Escolher um perfil específico do X e mostrar as suas publicações no X
- Hashtag: Feeds de conteúdos filtrados para hashtags públicas específicas
- Pesquisa: Os resultados de uma pesquisa avançada no X são apresentados num widget do X
- Listas: Selecione uma lista X e incorpore as publicações X disponíveis
Também pode selecionar várias opções aqui para combinar diferentes tipos de feeds X num único widget.
Para continuar, selecione o tipo de feed X e clique em «Seguinte».

Neste tutorial, vamos mostrar um widget de hashtag X.
Passo 3: Ligar a sua conta X (Twitter)
O X (Twitter) Feed Pro facilita imenso a ligação da tua conta do X ao WordPress, para que o teu widget seja atualizado automaticamente.
Para começar, clique no botão Ligar na janela pop-up.

Assim que o fizer, o plugin irá abrir o X, onde lhe será solicitado acesso apenas de leitura à sua conta.
Ao utilizar este acesso, o X (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.

Assim que o fizer, o X (Twitter) Feed Pro irá redirecioná-lo de novo para o seu site.
Agora já podes selecionar o que quereres que apareça no teu widget do X, adicionando a hashtag, a cronologia do utilizador, a lista do X 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.

Passo 4: Personalizar o seu novo widget do X (Twitter)
Para facilitar ao máximo a personalização, basta selecionar um modelo para o teu novo widget X.
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
- Últimas publicações X
- Widget
Depois de escolher uma opção adequada para o seu widget X, clique em «Seguinte» para continuar.

Agora, pode utilizar o editor de feeds em tempo real para personalizar o design do seu novo widget de feed X.
À esquerda, encontrará as opções de personalização para definir o layout do seu feed, as cores, o design do cabeçalho, o estilo da caixa de publicação «X», as opções do lightbox e muito mais.

Para o ajudar a acompanhar as suas alterações, existe uma pré-visualização em tempo real do seu feed do X à direita.
Vamos começar a personalização e definir o layout do seu widget X.
Para o fazer, basta selecionar a opção Layout do feed à esquerda.

Com o X (Twitter) Feed Pro, pode escolher entre 3 opções de layout do feed:
- Lista
- Alvenaria
- e Carrossel

Em primeiro lugar, tens a opção «Lista» , que apresenta as tuas publicações do X numa única coluna. Dessa forma, as tuas publicações do X terão muito mais espaço.

Queres mostrar imensas publicações do X de uma só vez no teu widget do X?
Podes optar pelo layout «Masonry» , que apresenta as X publicações em várias colunas.

Também podes escolher o layout «Carrossel» e apresentar as tuas X publicações num bonito carrossel em forma de apresentação de diapositivos.
Dessa forma, os seus visitantes podem interagir com o seu widget X para verem mais conteúdos.

Depois de selecionar o layout do feed que se adequa ao seu widget X, basta clicar no botão «Guardar ».
A partir daqui, pode regressar às opções principais clicando no pequeno botão Personalizar na parte superior.

Queres escolher as cores do teu novo widget X?
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 X (Twitter) Feed Pro, existem 4 opções de esquema de cores:
- Herdar do tema: Copia automaticamente as cores do seu tema
- Claro: Escolha um visual claro para o seu widget X
- 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.
Com o editor do feed em tempo real, já podes personalizar o estilo da caixa de publicação do X, o cabeçalho do X, o botão «Carregar mais», o tamanho do feed e muito mais.
Quando estiver satisfeito com o aspeto do seu widget X, lembre-se de clicar em «Guardar» mais uma vez .
Passo 5: Adicionar o widget do X (Twitter) ao WordPress
É super fácil incorporar o widget X utilizando o editor de feed em tempo real. Além disso, existem duas formas de incorporar o teu widget:
- Adicionar o widget X a uma página do WordPress
- Adicione o widget X à 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 irá abrir uma janela pop-up a perguntar onde pretende incorporar o seu widget X.
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.

Agora pode ver essa página aberta no editor de blocos do WordPress, onde pode incorporar o widget X.
Para o fazer, primeiro, clique no ícone de mais (+) no editor para adicionar um bloco de conteúdo.

Utilizando a barra de pesquisa, procure por «twitter feed» e, em seguida, clique no widget X Feed abaixo.
Com isto, já adicionaste o widget X à tua página.

Por fim, clica no botão «Publicar» ou «Atualizar» e o teu widget X ficará 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.
A partir do painel de administração, aceda ao menu X Feed » Todos os Feeds e, em seguida, clique no seu widget do X Feed.

Isto irá mostrar-lhe o widget X no editor de feed em tempo real.
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 do feed do X.
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 X Feed entre todas as opções.

Por fim, pode clicar no botão «Atualizar» e o seu widget X ficará visível na barra lateral do seu site.

E se, em vez disso, escolher o rodapé, poderá encontrar o widget X na parte inferior do seu site.

Dito isto, vamos dar uma vista de olhos à forma antiga de incorporar widgets X no seu site.
Como adicionar manualmente os teus widgets do X (Twitter)
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 X utilizando este método, aceda ao site do X Publish e selecione 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 percorrer a página para baixo agora, pode escolher a forma como este widget X será apresentado.
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 visualizar a sua nova página, o seu widget X 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.

Queres adicionar o teu widget X ao rodapé? Nesse caso, clica 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á sabes como adicionar um widget do X no WordPress. O importante a ter em conta é que, com o terceiro método, terás menos controlo sobre o design, o layout e o conteúdo do teu feed do X.
Com o plugin X (Twitter) Feed Pro, podes fazer tudo isso com apenas alguns cliques simples — sem necessidade de HTML, JavaScript, CSS ou qualquer tipo de programação.
Pronto para incorporar widgets do X? Adquira já a sua cópia do X (Twitter) Feed Pro.
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 X e no Facebook para mais tutoriais sobre marketing nas redes sociais.
