Como criar widget de feed do Twitter para um site
Hoje em dia, é uma tendência mostrar seus tweets no seu site. Os proprietários do site preferiram mostrar esses tweets na barra lateral ou no rodapé. Assim, os visitantes podem ler tweets facilmente. Se eles gostarem dos seus tweets, provavelmente se tornarão seus seguidores. Neste artigo, mostramos como criar um widget de feed do Twitter oficial para o seu site.
Criar widget de feed do Twitter
Para criar um widget, você deve primeiro saber sua URL do Twitter. Você pode obtê-lo clicando em seu nome do twitter. No meu caso, meu URL do Twitter éhttps://twitter.com/artisanswebblog. Abaixo está a captura de tela de como obter seu URL.
Depois de obter o URL do Twitter, adicione o HTML abaixo onde deseja exibir o widget de feed do Twitter.
<a class="twitter-timeline"
href="https://twitter.com/artisanswebblog">
</a>
<script async
src="//platform.twitter.com/widgets.js"
charset="utf-8"></script>Existem vários atributos fornecidos para personalizar seu widget. Abaixo está a lista de atributos.
| Atributos | Descrição |
|---|---|
| largura de dados | Defina a largura do seu widget. |
| data-height | Defina a altura do seu widget. |
| data-chrome | Controle o quadro do widget. Os valores possíveis são noheader, nofooter, noborders, noscrollbar, transparent |
| data-theme | Defina o tema do widget. Os valores possíveis são claro ou escuro. |
| data-link-color | Defina a cor dos links nos tweets. |
| data-tweet-limit | Defina o número de tweets para o widget. |
Você pode usar os atributos acima e definir o widget de acordo com seus requisitos. Usando os atributos acima, eu personalizo o HTML conforme abaixo.
<a class="twitter-timeline"
href="https://twitter.com/artisanswebblog"
data-width="300" data-height="300"
data-chrome="noscrollbar" data-theme="dark"
data-link-color="#E95F28" data-tweet-limit="3">
</a>
<script async
src="//platform.twitter.com/widgets.js"
charset="utf-8"></script>Aqui está a captura de tela do meu widget final do Twitter.
Neste post, discutimos o widget oficial do Twitter. Se você deseja criar um widget de feed totalmente personalizado e está usando WordPress, leia nossa postagem COMO CRIAR O PLUGIN DE FEED DO WORDPRESS TWITTER
Espero que você entenda como criar um widget de feed oficial do Twitter. Para qualquer dúvida ou sugestão, por favor, deixe um comentário abaixo.