{"id":26867,"date":"2021-05-02T15:56:00","date_gmt":"2021-05-02T12:56:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26867"},"modified":"2021-10-18T04:19:48","modified_gmt":"2021-10-18T01:19:48","slug":"como-criar-widget-de-feed-do-twitter-para-um-site","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-criar-widget-de-feed-do-twitter-para-um-site\/","title":{"rendered":"Como criar widget de feed do Twitter para um site"},"content":{"rendered":"<p>Hoje em dia, \u00e9 uma tend\u00eancia mostrar seus tweets no seu site. Os propriet\u00e1rios do site preferiram mostrar esses tweets na barra lateral ou no rodap\u00e9. Assim, os visitantes podem ler tweets facilmente. Se eles gostarem dos seus tweets, provavelmente se tornar\u00e3o seus seguidores. Neste artigo, mostramos como criar um <strong>widget de feed do Twitter<\/strong> oficial para o seu site.<\/p>\n<h2>Criar widget de feed do Twitter<\/h2>\n<p>Para criar um widget, voc\u00ea deve primeiro saber sua URL do Twitter. Voc\u00ea pode obt\u00ea-lo clicando em seu nome do twitter. No meu caso, meu URL do Twitter \u00e9<a href=\"https:\/\/twitter.com\/artisanswebblog\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><a href=\"https:\/\/twitter.com\/artisanswebblog\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/twitter.com\/artisanswebblog<\/a>. Abaixo est\u00e1 a captura de tela de como obter seu URL.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20797-608229bc9ff97.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20797-608229bc9ff97.png\" alt=\"Como criar widget de feed do Twitter para um site\" ><\/a><\/p>\n<p>Depois de obter o URL do Twitter, adicione o HTML abaixo onde deseja exibir o widget de feed do Twitter.<\/p>\n<pre><code>&lt;a class=\"twitter-timeline\"\nhref=\"https:\/\/twitter.com\/artisanswebblog\"&gt;\n&lt;\/a&gt;\n&lt;script async \nsrc=\"\/\/platform.twitter.com\/widgets.js\"\ncharset=\"utf-8\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<p>Existem v\u00e1rios atributos fornecidos para personalizar seu widget. Abaixo est\u00e1 a lista de atributos.<\/p>\n<table>\n<thead>\n<tr>\n<th>Atributos<\/th>\n<th>Descri\u00e7\u00e3o<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>largura de dados<\/td>\n<td>Defina a largura do seu widget.<\/td>\n<\/tr>\n<tr>\n<td>data-height<\/td>\n<td>Defina a altura do seu widget.<\/td>\n<\/tr>\n<tr>\n<td>data-chrome<\/td>\n<td>Controle o quadro do widget. Os valores poss\u00edveis s\u00e3o noheader, nofooter, noborders, noscrollbar, transparent<\/td>\n<\/tr>\n<tr>\n<td>data-theme<\/td>\n<td>Defina o tema do widget. Os valores poss\u00edveis s\u00e3o claro ou escuro.<\/td>\n<\/tr>\n<tr>\n<td>data-link-color<\/td>\n<td>Defina a cor dos links nos tweets.<\/td>\n<\/tr>\n<tr>\n<td>data-tweet-limit<\/td>\n<td>Defina o n\u00famero de tweets para o widget.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Voc\u00ea pode usar os atributos acima e definir o widget de acordo com seus requisitos. Usando os atributos acima, eu personalizo o HTML conforme abaixo.<\/p>\n<pre><code>&lt;a class=\"twitter-timeline\"\nhref=\"https:\/\/twitter.com\/artisanswebblog\"\ndata-width=\"300\" data-height=\"300\"\ndata-chrome=\"noscrollbar\" data-theme=\"dark\"\ndata-link-color=\"#E95F28\" data-tweet-limit=\"3\"&gt;\n&lt;\/a&gt;\n&lt;script async \nsrc=\"\/\/platform.twitter.com\/widgets.js\"\ncharset=\"utf-8\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<p>Aqui est\u00e1 a captura de tela do meu widget final do Twitter.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20797-608229bd06422.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20797-608229bd06422.png\" alt=\"Como criar widget de feed do Twitter para um site\" ><\/a><\/p>\n<p>Neste post, discutimos o widget oficial do Twitter. Se voc\u00ea deseja criar um widget de feed totalmente personalizado e est\u00e1 usando WordPress, leia nossa postagem <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-criar-um-plugin-de-feed-do-twitter-para-wordpress\/\" title=\"COMO CRIAR O PLUGIN DE FEED DO WORDPRESS TWITTER\">COMO CRIAR O PLUGIN DE FEED DO WORDPRESS TWITTER<\/a><\/p>\n<p>Espero que voc\u00ea entenda como criar um widget de feed oficial do Twitter. Para qualquer d\u00favida ou sugest\u00e3o, por favor, deixe um coment\u00e1rio abaixo.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neste artigo, mostramos como criar o widget de feed do Twitter para o seu site. S\u00f3 precisa de 3-4 linhas de c\u00f3digo e pronto.<\/p>\n","protected":false},"author":1,"featured_media":21672,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[417],"tags":[848],"class_list":["post-26867","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diversos","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/26867","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=26867"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/26867\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/21672"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=26867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=26867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=26867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}