{"id":27003,"date":"2021-05-02T16:06:00","date_gmt":"2021-05-02T13:06:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27003"},"modified":"2021-10-17T17:42:21","modified_gmt":"2021-10-17T14:42:21","slug":"como-crear-un-widget-de-feed-de-twitter-para-un-sitio-web","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-crear-un-widget-de-feed-de-twitter-para-un-sitio-web\/","title":{"rendered":"C\u00f3mo crear un widget de feed de Twitter para un sitio web"},"content":{"rendered":"<p>Hoy en d\u00eda, es una tendencia mostrar tus tweets en tu sitio web. Los propietarios del sitio prefieren mostrar estos tweets en la barra lateral o en el pie de p\u00e1gina. Entonces, los visitantes pueden leer tweets f\u00e1cilmente. Si les gustan tus tweets, posiblemente se conviertan en seguidores tuyos. En este art\u00edculo, mostramos c\u00f3mo crear un <strong>widget de feed de Twitter<\/strong> oficial para su sitio web.<\/p>\n<h2>Crear widget de feed de Twitter<\/h2>\n<p>Para crear un widget, primero debe conocer su URL de Twitter. Puede obtenerlo haciendo clic en su nombre de Twitter. En mi caso, mi URL de Twitter es<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>. A continuaci\u00f3n se muestra la captura de pantalla de c\u00f3mo obtener su 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=\"C\u00f3mo crear un widget de feed de Twitter para un sitio web\" ><\/a><\/p>\n<p>Una vez que obtenga su URL de Twitter, agregue el siguiente HTML donde desea mostrar el widget de feed de 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>Se proporcionan varios atributos para personalizar su widget. A continuaci\u00f3n se muestra la lista de atributos.<\/p>\n<table>\n<thead>\n<tr>\n<th>Atributos<\/th>\n<th>Descripci\u00f3n<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>ancho de datos<\/td>\n<td>Establezca el ancho de su widget.<\/td>\n<\/tr>\n<tr>\n<td>altura de datos<\/td>\n<td>Establece la altura de tu widget.<\/td>\n<\/tr>\n<tr>\n<td>data-chrome<\/td>\n<td>Controla el marco del widget. Los valores posibles son noheader, nofooter, noborders, noscrollbar, transparent<\/td>\n<\/tr>\n<tr>\n<td>tema de datos<\/td>\n<td>Establecer tema para widget. Los valores posibles son claros u oscuros.<\/td>\n<\/tr>\n<tr>\n<td>color del enlace de datos<\/td>\n<td>Establecer el color de los enlaces en los tweets.<\/td>\n<\/tr>\n<tr>\n<td>l\u00edmite de tweet de datos<\/td>\n<td>Establezca el n\u00famero de tweets para el widget.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Puede utilizar los atributos anteriores y configurar el widget seg\u00fan sus requisitos. Al usar los atributos anteriores, personalizo el HTML como se muestra a continuaci\u00f3n.<\/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>Aqu\u00ed est\u00e1 la captura de pantalla de mi widget de Twitter final.<\/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=\"C\u00f3mo crear un widget de feed de Twitter para un sitio web\" ><\/a><\/p>\n<p>En esta publicaci\u00f3n, hemos hablado del widget oficial de Twitter. Si desea crear un widget de feed completamente personalizado y est\u00e1 utilizando WordPress, lea nuestra publicaci\u00f3n <a href=\"https:\/\/themewp.inform.click\/es\/como-crear-el-complemento-de-feed-de-twitter-de-wordpress\/\" title=\"C\u00d3MO CREAR WORDPRESS TWITTER FEED PLUGIN\">C\u00d3MO CREAR WORDPRESS TWITTER FEED PLUGIN<\/a><\/p>\n<p>Espero que entiendas c\u00f3mo crear un widget de feed oficial de Twitter. Para cualquier pregunta o sugerencia, deje un comentario a continuaci\u00f3n.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo, le mostramos c\u00f3mo crear Twitter Feed Widget para su sitio web. Solo necesita 3-4 l\u00edneas de c\u00f3digo y listo.<\/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":[410],"tags":[849],"class_list":["post-27003","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverso","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/27003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=27003"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/27003\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/21672"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=27003"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=27003"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=27003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}