Pretende limitar o número de tweets apresentados no widget do Twitter do seu Web site?
Os proprietários de sítios Web que incorporam feeds do Twitter pretendem frequentemente controlar a quantidade de conteúdo X (Twitter) que é apresentado.
Com base na minha experiência na gestão de integrações de feeds de redes sociais, sei que a estética do sítio Web e a experiência do utilizador são considerações fundamentais.
Incorporar um widget do Twitter pode ser uma excelente forma de mostrar actualizações em direto, mas por vezes pode mostrar demasiados tweets. Um feed do Twitter longo e rolante pode sobrecarregar os visitantes do site e fazer com que a sua página pareça desorganizada.
Limitar o número de tweets mostrados no seu widget do Twitter permite-lhe apresentar um feed de redes sociais conciso, focado e visualmente apelativo no seu Web site.
Neste artigo, vou fornecer um passo-a-passo atualizado sobre como controlar facilmente a contagem de tweets no seu widget do Twitter.
Utilizando os meus conhecimentos sobre as melhores práticas de incorporação de redes sociais, partilharei passos claros para personalizar o seu widget do Twitter, para que possa manter um design limpo do Web site e melhorar a experiência do utilizador - sem necessidade de codificação do Web site.
Neste artigo
- Por que limitar o número de tweets nos widgets do Twitter?
- Qual é a maneira mais fácil de limitar os tweets nos widgets do WordPress?
- Como limitar manualmente os tweets em um widget do Twitter
Por que limitar o número de tweets nos widgets do Twitter?
Quando está a adicionar um feed do Twitter ao seu Web site, é tentador mostrar tudo. Mas, por vezes, menos é mais!
Eis por que razão é frequentemente uma ideia inteligente limitar os seus tweets:
- Mantenha o seu site limpo e organizado - Pense no widget de feed do Twitter do seu site na barra lateral ou no rodapé - é um espaço valioso! Mostrar demasiados tweets pode fazer com que estas áreas pareçam desorganizadas e sobrecarregadas. Limitar os seus tweets ajuda a manter o design do seu site limpo, profissional e agradável aos olhos.
- Certifique-se de que o conteúdo do Twitter se mantém relevante para o seu Web site - Nem todos os tweets são relevantes para o Web site. Limitar os tweets incorporados permite-lhe apresentar apenas o conteúdo que interessa aos visitantes do seu Web site.
- Concentrar a atenção dos visitantes - Demasiados tweets podem distrair e desviar a atenção da sua mensagem principal. Limitar os tweets ajuda a manter os visitantes concentrados nas partes importantes do seu sítio Web.
- Melhorar a acessibilidade do site - Os widgets de tweets longos são difíceis de navegar para os leitores de ecrã. Limitar os tweets torna o seu site fácil de utilizar por todos.
Portanto, como pode ver, limitar o número de tweets no seu widget não significa mostrar menos da sua atividade X. Trata-se de tornar o seu sítio Web melhor, mais direcionado e mais fácil de utilizar por todos.
Quer saber mais sobre como limitar eficazmente os seus tweets e apresentá-los na perfeição no seu Web site? Continue lendo!
Qual é a maneira mais fácil de limitar os tweets nos widgets do WordPress?
A forma mais fácil de reduzir o número de tweets no widget do Twitter do WordPress é utilizar um plugin do WordPress específico para feeds do Twitter.
Os plugins alargam a funcionalidade do seu sítio Web e acrescentam caraterísticas úteis sem necessidade de se preocupar com a codificação.
E se quiser mostrar o conteúdo X (Twitter) no seu sítio Web utilizando um plugin, a melhor opção é o Smash Balloon Twitter Feed Pro.
Com este plugin, pode criar, personalizar e incorporar feeds e widgets do Twitter com apenas alguns cliques, sem necessidade de codificação.
Basta seguir o fluxo guiado e pode ter um belo conteúdo do Twitter no seu sítio Web para envolver os seus visitantes.
Para além de poder integrar feeds do Twitter no seu site, o Twitter Feed Pro permite-lhe limitar facilmente o número de Tweets apresentados num widget do Twitter com apenas alguns cliques.
O que eu gosto nos plugins de feed Smash Balloon é o seu personalizador de feed visual de fácil utilização.
De facto, utilizando o personalizador de feeds com pré-visualização em direto, pode personalizar o esquema, o número de tweets, as cores, os botões e muito mais.
Pode até moderar livremente o seu feed para remover ou mostrar os tweets que quiser.
Como o plugin de feed do Twitter mais bem avaliado no mercado, o Twitter Feed Pro tem mais de 100.000 sites usando o plugin, com uma média de 4,9/5 estrelas.
Mais importante ainda, a Smash Balloon tem uma excelente equipa de apoio ao cliente para o acompanhar durante todo o processo.
Nenhuma pergunta é demasiado pequena. Como resultado, a criação de um feed do Twitter com um número limitado de tweets não demora nada.
Comece a utilizar o Twitter Feed Pro aqui!
Em seguida, siga as instruções abaixo para instalar o plug-in e limitar o número de tweets no seu widget do Twitter.
Passo 1: Instalar o plugin Smash Balloon Twitter Feed Pro
O primeiro passo é obter o plugin Twitter Feed Pro a partir daqui.
Depois de o fazer, basta instalar e ativar o plugin no seu sítio Web. Se precisar de ajuda, pode seguir este guia para saber como instalar um plugin do WordPress.
Com isso, pode passar para o passo 2 e começar a criar widgets de feed do Twitter.
Passo 2: Criar um novo feed do Twitter
Com o Twitter Feed Pro, criar novos feeds pode ser muito fácil.
Em primeiro lugar, navegue até ao menu Twitter Feed " All Feeds a partir do seu painel de controlo do WordPress.
Em seguida, clique no botão Adicionar novo na parte superior.
Vejamos agora o tipo de feed que pretende mostrar no seu sítio Web WordPress. Este plugin inclui 6 tipos de feed diferentes para o ajudar a apresentar diferentes exemplos de widgets do Twitter no seu sítio:
- Linha de tempo do utilizador: Este é o feed predefinido apresentado no seu Web site. Enumera os tweets da cronologia principal do utilizador. Se quiser, pode introduzir qualquer utilizador do Twitter para apresentar um feed dos seus tweets.
- Hashtag: Pode utilizar esta opção para mostrar Tweets que contenham uma hashtag específica.
- Página inicial Linha do tempo: Este tipo de feed mostra tweets da sua timeline e das pessoas que segue.
- Pesquisar: Utilize aqui a função de pesquisa avançada do Twitter para apresentar um feed totalmente personalizado.
- Menções: Pode utilizar este tipo de feed para mostrar tweets que @mencionam o seu identificador X.
- Listas: Pode introduzir o ID de uma lista do Twitter para mostrar tweets de utilizadores da lista no seu feed.
Clique no tipo de alimentação escolhido e, em seguida, clique em Seguinte para avançar para o passo seguinte.
Para este tutorial, vou utilizar a opção hashtag, uma vez que quero mostrar uma hashtag de marca no nosso exemplo de widget do Twitter.
Depois disso, pode passar ao passo 3 e ligar a sua conta do Twitter ao seu novo feed.
Passo 3: Ligar a sua conta X (Twitter)
O passo seguinte é ligar o plug-in à sua conta do Twitter. Para o fazer, clique no botão Connect (Ligar ) na janela pop-up.
Ao clicar nessa opção, abre-se o Twitter para que possa dar ao plugin acesso só de leitura à sua conta.
O Twitter Feed Pro utilizará este acesso para visualizar o conteúdo do Twitter e não tem acesso para efetuar quaisquer alterações. Portanto, é completamente seguro usar o Twitter Feed Pro.
Para continuar, clique no botão Autorizar aplicação na janela pop-up.
Desta forma, ligou a sua conta X (Twitter) a este plugin.
Para configurar o seu novo feed do Twitter, pode agora adicionar uma fonte. Esta fonte pode ser a cronologia de um utilizador, uma hashtag, uma lista do Twitter, etc., que pretenda mostrar.
Para este artigo, vou introduzir a hashtag "KEEB_PD" como fonte.
Depois de introduzir a fonte, clique no botão Seguinte .
A seguir, o Twitter Feed Pro pedir-lhe-á para escolher um modelo para o seu novo feed. Pode escolher entre 7 designs únicos, incluindo cartões de alvenaria, carrossel simples, carrossel de mostruário e muito mais.
O meu modelo de feed do Twitter preferido é o carrossel simples, mas, para este exemplo, vamos escolher Default (Predefinição).
Para continuar, selecione um modelo da lista e clique em Seguinte.
Como pode ver, o Twitter Feed Pro facilita a criação de feeds do Twitter e a ligação da sua conta.
Chegou a altura do passo 4, em que pode limitar o número de tweets que pretende incorporar no seu sítio Web.
Passo 4: Limitar o número de tweets no seu feed do Twitter
Agora pode escolher quantos Tweets quer mostrar no seu widget do Twitter. Isto é fácil de fazer com o plugin Twitter Feed Pro.
Agora, pode ver o seu novo feed do Twitter aberto no editor de feed em direto. No lado esquerdo do ecrã, pode ver todas as opções de personalização, como a disposição do feed, o esquema de cores, o estilo do cabeçalho, o botão Seguir e muito mais.
À direita, pode encontrar uma pré-visualização em direto do seu feed do Twitter para que possa acompanhar as alterações em tempo real.
Para começar e limitar o número de tweets, clique no botão Layout do feed à esquerda.
À esquerda, pode encontrar o campo Número de tweets a apresentar.
Utilizando este campo, introduza o número de tweets que pretende mostrar no seu widget.
Em seguida, clique em Guardar para confirmar as alterações.
Desta forma, pode limitar facilmente o número de tweets nos seus feeds do Twitter. Agora, vamos prosseguir e terminar a configuração do seu novo feed do Twitter.
Etapa 5: Personalize seu widget do Twitter
Vejamos agora como personalizar o design e a disposição do seu widget do Twitter. Para o fazer, pode simplesmente utilizar o editor de feed em direto.
Para começar, pode utilizar a opção de esquema à esquerda para escolher entre 3 esquemas de feed diferentes: Lista, Carrossel ou Alvenaria.
Com o esquema de lista , os seus tweets aparecem numa única coluna, um a seguir ao outro. Como resultado, este esquema pode mostrar os tweets tal como aparecem no Twitter.
Quer mostrar muitos tweets de uma só vez? O esquema de alvenaria utiliza muitas colunas para mostrar os seus tweets, para que possa mostrar muito conteúdo facilmente.
Por último, a disposição em carrossel pode mostrar o conteúdo num bonito cursor em carrossel do Twitter, o que torna o seu sítio mais interativo.
Clique no botão Guardar quando estiver satisfeito com o esquema.
Para obter mais opções de design, pode clicar no botão Personalizar na parte superior e regressar às opções principais.
Agora, clique na opção Esquema de cores , à esquerda, para começar a definir as cores do seu feed do Twitter.
Para simplificar a escolha de cores, o Twitter Feed Pro vem com 4 esquemas de cores que pode escolher:
- Herdar do tema: Utilize as cores do seu sítio Web para que o seu feed corresponda à sua marca
- Claro: Escolha um visual brilhante com um fundo claro e uma cor de letra escura
- Escuro: Mostra um aspeto escuro, que tem um fundo escuro e uma cor de letra clara
- Personalizado: Escolher manualmente todas as cores
Selecione aqui o esquema de cores do seu feed do Twitter e, em seguida, clique no botão Guardar .
Depois disso, pode continuar a personalizar o seu feed do Twitter utilizando o nosso editor simples de feed em direto. Pode definir o estilo do cabeçalho, o design da caixa de Tweets, o estilo dos botões, o tamanho do feed e muito mais.
Não se esqueça de clicar em Guardar para confirmar as alterações antes de avançar.
Agora, está pronto para incorporar este feed do Twitter no seu sítio Web com facilidade.
Etapa 6: Adicione o widget do Twitter ao seu site
Com o Twitter Feed Pro, pode incorporar o seu feed do Twitter de duas formas diferentes:
- Adicionar seu widget do Twitter a uma página do WordPress
- Adicione seu widget do Twitter a uma barra lateral ou rodapé do WordPress
Vejamos como funcionam estes dois métodos:
Adicionar seu widget do Twitter a uma página do WordPress
Pronto para começar?
Primeiro, clique no botão Incorporar no canto superior direito.
Agora, verá uma janela onde pode escolher a localização do seu novo feed do Twitter.
Para continuar, clique no botão Adicionar a uma página .
Pode agora ver uma lista das suas páginas WordPress na janela pop-up.
Basta selecionar a sua página na lista e clicar no botão Adicionar .
Depois de o fazer, o plugin Twitter Feed Pro abre essa página no editor do WordPress.
Para começar a incorporar o seu feed, procure o ícone Mais (+) na parte superior e clique nele.
Depois de clicar no ícone Mais (+), verá uma lista de blocos WordPress disponíveis e uma barra de pesquisa. Na barra de pesquisa, digite "twitter" e clique no bloco Twitter Feed .
Se estiver satisfeito com a sua página, clique no botão Publicar. Quando pré-visualizar a página, verá o seu widget do Twitter em direto no seu site, completo com um número limitado de tweets.
Agora, vamos ver como adicionar este feed do Twitter às suas áreas de widgets.
Adicione seu widget do Twitter a uma barra lateral ou rodapé do WordPress
Também é possível adicionar um widget do Twitter às áreas da barra lateral ou do rodapé do WordPress.
Além disso, também pode fazê-lo utilizando o editor de transmissão em direto.
Para abrir o seu feed do Twitter no editor de feed em direto, primeiro, navegue para Feed do Twitter " Todos os feeds a partir do seu painel de controlo do WordPress.
Nesta página, clique no feed do Twitter que pretende incorporar.
Pode agora ver o seu feed do Twitter aberto no editor de feed em direto.
Tal como antes, clique no botão Incorporar na parte superior para começar a adicionar este feed ao seu sítio Web.
Aparecerá uma janela pop-up que lhe pede para escolher a localização do seu feed do Twitter.
Por enquanto, clique na opção Adicionar a um widget na janela pop-up.
Depois de fazer isso, o Twitter Feed Pro abrirá a página de widgets do seu site WordPress.
Para começar a gerir os widgets na sua barra lateral, clique na opção Barra lateral .
Para outra opção, pode clicar na opção Rodapé .
Vamos utilizar a barra lateral do WordPress para este tutorial.
Em seguida, clique no ícone de mais (+) para adicionar um novo widget. Em seguida, localize o widget Twitter Feed para adicionar o feed à sua barra lateral ou ao rodapé.
Quando navegar para o seu sítio Web principal, verá o widget do seu feed do Twitter. E como limitou o número de tweets mostrados, não ocupará muito espaço.
Como pode ver, é muito fácil limitar o número de tweets e adicionar o feed ao seu sítio Web utilizando este plugin.
De seguida, vamos ver como pode fazer o mesmo sem utilizar um plugin.
Como limitar manualmente os tweets em um widget do Twitter
É claro que você pode optar por limitar os tweets manualmente em um widget do Twitter, especialmente se estiver usando o widget de timeline do Twitter. Mas para usar esse método, é preciso editar o código do widget manualmente.
Esta pode ser uma tarefa bastante assustadora se não tiver conhecimentos técnicos, com muitas formas de correr mal. Existem várias desvantagens em limitar manualmente o número de tweets num widget do Twitter em comparação com a utilização de um plug-in, que iremos explorar em seguida.
- Limitar manualmente os tweets no seu feed do Twitter não é tão fácil como com um plug-in. Tem de editar manualmente o código, o que pode ser confuso. Quando utiliza um plugin, como o do Smash Balloon, pode fazer tudo sem codificação.
- Quando incorpora manualmente o Twitter no seu Web site, deixa margem para erros. Pode perder partes do snippet de código, falhar um passo no processo e assim por diante. Com um plug-in de feed do Twitter, não há nada a perder de vista!
- Quando utiliza um código de incorporação semelhante ao do widget oficial do Twitter, deixa pouco espaço para alterar o seu aspeto. No entanto, o widget Feeds personalizados do Twitter tem imensas formas de ajustar o design do seu feed para que este tenha o aspeto que pretende.
- As incorporações manuais de feeds do Twitter também não oferecem formas de filtrar o seu feed para mostrar conteúdos específicos. Por outro lado, um plug-in permite-lhe filtrar os feeds por hashtags, termos de pesquisa e muito mais.
Por último, existe uma equipa dedicada de especialistas por detrás do plug-in Twitter Feed Pro, pronta a ajudar com qualquer obstáculo que possa enfrentar, pelo que a ajuda está sempre disponível quando precisa dela.
Com uma alimentação manual, está por sua conta.
Para evitar os problemas acima, sugerimos usar a maneira fácil de limitar os tweets no WordPress com a ajuda de um plugin.
No entanto, se não quiser mesmo utilizar um plug-in, apesar das armadilhas, eis como editar o código de incorporação para o widget da cronologia do Twitter.
Para limitar manualmente os tweets no widget, pode definir o atributo no seu link como data-tweet-limit= "3", por exemplo.
Eis o aspeto do código de incorporação utilizando o Twitter do Smash Balloon como exemplo:
<a class="twitter-timeline" data-lang="en" data-dnt="true" data-tweet-limit="3" href="https://twitter.com/smashballoon">Tweets by SmashBalloon</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8">
Agora, cole o código de incorporação no local onde pretende apresentá-lo no seu sítio Web, utilizando os dados da sua própria conta do Twitter.
Aqui está!
Esperamos que este artigo o tenha ajudado a aprender como limitar facilmente o número de tweets num widget do Twitter. Agora, tudo o que precisa é de envolver o seu público com o seu melhor conteúdo do Twitter.
Pronto para incorporar widgets do Twitter sobre os quais tem controlo total? Comece a usar o Twitter Feed Pro hoje mesmo!