Ver o Twitter Feed Pro em ação

Como adicionar feeds do Twitter no WordPress

Por isso, vou dar-vos uma rápida visão geral do plugin Custom Twitter Feeds Pro WordPress e mostrar-vos algumas das coisas que ele pode fazer.

Ligar a sua conta do Twitter

Por isso, vou instalar o plugin e vou ao menu Twitter Feeds aqui à esquerda. E tudo o que precisa de fazer para configurar o plugin é obter um Access Token e Secret do Twitter.

Para o fazer, basta clicar no botão de início de sessão aqui. 

Inicie sessão na sua conta do Twitter e autorize o plug-in a ler os seus dados, o que lhe devolverá o seu token de acesso e segredo do Twitter.

E se tiver uma aplicação de programador do Twitter configurada, pode utilizar as informações da sua própria aplicação marcando esta caixa.

Selecionar o tipo de feed do Twitter

Agora, só precisa de decidir que tipo de tweets pretende apresentar. Pode agora: 

• Mostrar tweets de qualquer conta do Twitter, bastando introduzir o nome de ecrã aqui 
• Adicione mais do que uma conta do Twitter se pretender combinar feeds.
• Mostrar um feed de hashtag de 1 hashtag ou de várias hashtags.

Também pode criar pesquisas que mostrarão tweets com base num conjunto específico de critérios e termos de pesquisa.

Por exemplo, pode utilizar palavras, frases ou menções básicas. Ou pode ser mais específico e mostrar apenas tweets que contenham uma frase específica e também uma imagem.

E pode encontrar uma lista completa de todas as opções de pesquisa disponíveis no nosso sítio Web.

Também pode optar por apresentar os tweets da sua timeline principal ou apenas os tweets que o mencionam. 

Se pretender combinar diferentes tipos de feed num único feed, por exemplo, combinando uma cronologia de utilizador e um feed de hashtag, basta seguir as instruções aqui sobre como o fazer.

Por enquanto, vou mostrar apenas os tweets de uma das nossas contas do contas do Twitter do Smash Balloon.

Pré-visualizar o seu feed do Twitter

Assim, posso personalizar o feed imediatamente ou posso simplesmente pegar no código de acesso ao feed do Twitter personalizado aqui e copiá-lo e colá-lo em qualquer publicação, página ou widget onde pretenda que o feed seja apresentado.

Assim, se eu visualizar a página, verá que o feed do Twitter está a ser apresentado. Assim, fora da caixa, o feed é apresentado em 1 coluna. 

Mas, como verá daqui a pouco, quando analisar as definições de personalização, cada parte do feed é completamente personalizável, desde o tipo de conteúdo apresentado até à disposição e ao estilo de todos os elementos. 

Verá que pode apresentar várias fotografias num tweet e, se eu partilhar uma hiperligação, o plugin recuperará dinamicamente as meta-informações desse URL e criará uma hiperligação visual para o cartão do Twitter.

E se eu clicar numa fotografia ou num vídeo, é aberta uma caixa de luz pop-up e posso percorrer cada item. 

Existe suporte total para vídeo HTML5, juntamente com suporte para serviços de terceiros como o YouTube, Vimeo, Vine e Soundcloud.

E na parte inferior de cada caixa de luz, verá que existem mais informações. E posso partilhar o tweet em várias redes sociais ou visualizá-lo diretamente no Twitter.

Também posso optar por responder, retuitar ou gostar do tweet sem sair do meu sítio. 

O feed também é completamente responsivo, pelo que se adapta ao tamanho do seu ecrã. É totalmente compatível com ecrãs tácteis e funciona em todos os dispositivos móveis diferentes.

Por isso, se voltar à página de definições do plugin, posso mostrar-lhe como é fácil personalizar isto.

Personalizar o seu feed do Twitter

Portanto, a primeira coisa que vou fazer é adicionar algumas contas de utilizador diferentes e definir o número de tweets para 50. Em seguida, vou até a página de personalização e ajusto algumas coisas.

Assim, existem algumas definições básicas para controlar a largura e a altura do feed. Agora posso: 

• Escolha as partes dos tweets que devem ser apresentadas
• Escolha se quer mostrar o cabeçalho e o botão carregar mais.
• Apresentar os tweets num carrossel rotativo
• Selecione o número de colunas no carrossel juntamente com as outras opções de personalização. 
• Apresentar o feed em várias colunas e selecionar o número de colunas a utilizar no ambiente de trabalho ou em dispositivos móveis.
• Selecionar para carregar automaticamente mais tweets quando me desloco para o fundo do feed.

Também posso optar por filtrar os tweets no meu feed. Assim, pode optar por mostrar apenas os tweets que contêm determinadas palavras ou hashtags, ou pode optar por remover quaisquer tweets que contenham palavras ou hashtags específicas.

Isto dá-lhe um maior controlo sobre os tweets que são apresentados e permite-lhe moderar automaticamente o feed com antecedência para bloquear palavras, hashtags ou frases específicas.

Também pode optar por ocultar tweets específicos no feed, se necessário, e há também algumas secções aqui para o seu próprio CSS e JavaScript personalizados.

Se passar para o separador Style (Estilo), existem aqui algumas opções para estilizar as várias partes do feed. Pode fazê-lo: 

• Definir as cores de fundo
• Personalizar o cabeçalho e definir o texto personalizado a ser utilizado
• Formatar completamente a data escolhendo uma das nossas opções integradas
• Utilizar o seu próprio formato de data personalizado
• Traduzir as cadeias de texto que são utilizadas na data.
• Personalizar o autor do tweet e o texto do tweet
• Traduzir as cadeias de texto que o plugin utiliza.
• Desativar quaisquer ligações no tweet
• Ligar o texto completo do tweet à publicação no Twitter.
• Estilizar as opções de resposta, retweet e gosto na parte inferior de cada publicação
• Alterar o texto utilizado na ligação do Twitter
• Escolha as cores utilizadas no botão carregar mais
• Alterar ou traduzir o texto do botão

Se eu guardar as alterações e voltar a ver o feed, pode ver que as personalizações foram aplicadas. 

Assim, temos tweets das 3 contas do Twitter apresentados num esquema de alvenaria de 3 colunas. 

E se eu descer a página, verá que são carregados automaticamente mais tweets quando chego ao fundo do feed. 

Além disso, a disposição em alvenaria também é completamente reactiva e muda para 1 coluna em dispositivos móveis.

Utilizar códigos de acesso personalizados

Assim, outra grande caraterística do plugin é que pode apresentar vários feeds diferentes na mesma página ou em todo o seu site e aplicar definições únicas a cada feed.

Por predefinição, os feeds utilizarão as definições dos separadores configurar, personalizar e estilo do plug-in. Mas pode substituir qualquer um destes separadores utilizando as úteis opções de shortcode do plugin.

E pode simplesmente adicionar uma definição diretamente ao shortcode e ele substituirá essa definição para esse feed específico. 

Por isso, se for à minha página de widgets do WordPress, posso utilizar o widget widget personalizado do Twitter Feedse o shortcode padrão é adicionado automaticamente. E, por defeito, este mostrará as definições das páginas de definições do plugin, mas posso substituí-las utilizando algumas das opções do shortcode.

Por isso, vou colar um shortcode que já preparei, e isto vai:

• Mostrar tweets do nome de ecrã "Twins" e da hashtag "#MNTwins" no mesmo feed
• Definir o número de tweets como 5
• Desactivou a disposição das colunas de alvenaria
• Activou o carrossel e a definição de reprodução automática
• Escolhido para mostrar o cabeçalho
• Excluiu os meios de comunicação social e os cartões do Twitter
• Definir a cor de fundo como cinzento claro.

E vou adicionar um segundo feed, e este vai: 

• Utilize alguns parâmetros de pesquisa para mostrar apenas tweets que contenham a palavra "pôr do sol"
• Mostrar apenas tweets que contenham multimédia, como fotografias e vídeos.
• Desativar novamente a disposição de alvenaria
• Definir o texto do cabeçalho como "Pôr do sol"
• Definir a altura para 400 píxeis
• Defina o número de tweets como 5.

Por isso, se voltarmos a ver a página, verá que foram adicionados estes dois novos feeds. O feed superior mostra um carrossel de tweets de ambas as contas, a conta "Twins" e a hashtag "#MNTwins". 

Podia simplesmente percorrer os tweets e carregar mais no final. E exclui os média e os cartões do Twitter e tem uma cor de fundo cinzenta clara. 

E o segundo feed é de tweets que contêm a palavra "sunset" (pôr do sol) e que também contêm uma imagem ou um vídeo. Como podemos ver, há uma altura de 400 pixéis adicionada ao feed, pelo que foi automaticamente adicionada uma barra de deslocamento. 

Quando se desloca para o fundo, pode ver que são carregados automaticamente mais tweets.

Esperamos que isto lhe dê uma ideia do quão versátil e personalizável é este plugin e que tenha demonstrado algumas das coisas que pode fazer com ele.

Certifique-se de que experimenta o seu próprio nome de ecrã, hashtag ou termos de pesquisa na demo no nosso sítio Web.

E se tiver alguma dúvida, basta entrar em contacto através do nosso sítio Web, página do Facebookou através de @SmashBalloon no Twitter.