--- title: "Mostrar los últimos tuits en WordPress con un estilo personalizado" url: https://caribdis.net/2016/03/08/mostrar-los-ultimos-tuits-wordpress-estilo-personalizado/ date: 2016-03-08 modified: 2019-10-11 lang: es author: "Caribdis.Net" description: "En los últimos años Twitter se ha convertido en uno de los espacios dominantes en internet. Hoy por hoy es casi excluyente que los sitios web tengan presencia activa en..." categories: - "Destacados" tags: - "español" - "gratuito" - "plugin" - "traducción" - "tutorial" - "Twitter" - "WordPress" image: https://caribdis.net/wp-content/uploads/2016/03/wptwitter.png word_count: 1483 --- # Mostrar los últimos tuits en WordPress con un estilo personalizado En los últimos años **Twitter** se ha convertido en uno de los espacios dominantes en internet. Hoy por hoy es casi excluyente que los sitios web tengan presencia activa en la red social del pajarito azul y que de alguna manera lo dejen en evidencia en sus portadas o en sus páginas de contacto. Integrar **Twitter** en un sitio web es relativamente sencillo y no requiere más que añadir una porción de código que se copia de la página de *Twitter > Configuración > Widgets*. Sin embargo, este método ofrece pocas alternativas para controlar la apariencia. Para aquellos que quieran mostrar los últimos tuits con un estilo personalizado existe este excelente plugin, que además los presenta con un atractivo efecto de carrusel: [Rotating Tweets](https://wordpress.org/plugins/rotatingtweets/). Se puede añadir como widget en una barra lateral, o como código abreviado en cualquier parte de una página o entrada. Requiere la **versión 1.1 de la API de Twitter** (ver más abajo cómo crear una aplicación) y lo que hace que destaque por sobre otros plugins similares es que, en lugar de mostrar todos los tuits al mismo tiempo, muestra uno por vez y lo va reemplazando por el siguiente con un suave efecto de animación. Otras geniales características que incluye son: - Muestra los últimos tuits aunque el sitio de **Twitter** no esté accesible (los guarda en caché). - Permite seleccionar de qué cuenta son los tuits, cuántos mostrar, si debe incluir retuits y respuestas, o si se debe mostrar el botón *Seguir*. El usuario también puede asignar la velocidad de rotación y el tipo de animación. - Es adaptable a todas las resoluciones de pantalla. - Ofrece la posibilidad de mostrar un botón *Seguir* totalmente personalizable. - Reemplaza los enlaces *t.co* con los originales. - Es compatible con el plugin *W3 Total Cache*. - Es multi-idioma. En la [página del autor, Martin Tod](http://www.martintod.org.uk/2012/05/29/new-twitter-plugin-to-show-tweets-in-rotation/), se pueden ver algunos ejemplos en funcionamiento. Pese a que el widget no tiene todas las opciones de personalización disponibles, es lo bastante completo como para lucir estupendo en cualquier barra lateral o pie de página. ![Rotating Tweets](//i.imgur.com/Tzgh8Bu.gif)El Widget en acción ![Widget Rotating Tweets](//caribdis.net/wp-content/uploads/2016/03/rotatingtweetswidget.png) Y en caso de necesitar una personalización aun mayor, el código abreviado es la herramienta ideal, con sus más de cuarenta parámetros que incluyen desde mostrar el contenido multimedia del tuit hasta suprimir los emojis o cambiar el tamaño de la imagen del perfil, entre otras opciones. La opción básica del código abreviado es la siguiente: [rotatingtweets screen_name='mpntod'] La opción extendida, por ejemplo puede ser: [rotatingtweets screen_name='mpntod' include_rts='1' tweet_count='7' timeout='3000'] Los parámetros posibles son: #### Opciones de Twitter `include_rts` = `'0'` o `'1'` – incluir retuits (valor predeterminado: `'0'`) `only_rts` = `'0'` o `'1'` – solo incluir retuits (valor predeterminado: `'0'`) `exclude_replies` = `'0'` o `'1'` - excluir respuestas  (valor predeterminado: `'0'`) `tweet_count` = número de tuits  para mostrar (valor predeterminado: `'5'`) `get_favorites` = `'0'` o `'1'` – muestra los favoritos de un usuario en lugar de sus tuits (valor predeterminado: `'0'`) `list` = `'slug-de-la-lista'` – el slug usado por la lista de un usuario (algo así como `mi-lista`) `offset` = 'número' – permite comenzar desde un tuit más antiguo, por ejemplo '1' comienza en el segundo tuit, '2' en el tercero, etc. (valor predeterminado: `'0'`) #### Opciones de apariencia `official_format` = `'1'`, `'2'` o `'custom'` – muestra  uno de los dos formatos oficiales o un formato personalizado si se usa una función rotatingtweets_display_override() (valor predeterminado: `'0'`) `rtw_display_order` = `'info,main,media,meta'` – cambia el orden en que se muestran los elementos principales del tuit, información, principal, medios y meta, mediante una cadena de cuatro palabras clave separadas por coma (valor predeterminado: `'info,main,media,meta'`) `timeout` = el tiempo en que se muestra cada tuit en milisegundos (valor predeterminado: `'4000'`, es decir 4 segundos). timeout=0 permite una rotación continua. `speed` = el tiempo que toma cambiar de un tuit al siguiente, en milisegundos (valor predeterminado: `'1000'`, es decir 1 segundo) `links_in_new_window` = `'0'` o `'1'` – abre los enlaces en una nueva ventana o pestaña del navegador (valor predeterminado: `'0'`) `rotation_type` = Si usa la versión 1 del JavaScript, puede usar cualquiera de las opciones listadas en el sitio de [jQuery.cycle](http://jquery.malsup.com/cycle/browser.html) (valor predeterminado: `'scrollUp'`). Si usa la versión 2 del JavaScript, entonces las opciones son `'scrollUp'`, `'scrollDown'`, `'scrollHorz'`, `'scrollLeft'`, `'scrollRight'`, `'toss'`, `'scrollVert'`, `'fade'` y `'carousel'` `carousel_horizontal` = `'0'` o `'1'` – si ha elegido el tipo de rotación `'carousel'`, permite que el desplazamiento sea horizontal  (valor predeterminado: `'0'`) `carousel_count` = 'número' – si ha elegido el tipo de rotación `'carousel'`, asigne el número de pases que aparecerán en el carrusel (valor predeterminado: `'3'` para el carrusel vertical y lo suficiente para llenar el ancho de la página para el carrusel horizontal) `carousel_responsive` = `'0'` o `'1'` – si ha elegido el carrusel horizontal, lo hace adaptable al tamaño de la página (valor predeterminado: `'0'`) `url_length` = asigna la cantidad de caracteres para mostrar de la URL del enlace (y se continúa con …) (opcional) `show_tco_link` = `'0'` o `'1'` – le permite mostrar el enlace t.co en lugar del original (opcional) `show_meta_timestamp` = `'0'` o `'1'` – muestra la fecha y hora de cada tuit (valor predeterminado: `'1'`) `show_meta_screen_name` = `'0'` o `'1'` – muestra quién publicó cada tuit (valor predeterminado: `'1'`) `show_meta_via` = `'0'` o `'1'` – muestra cómo se publicó cada tuit (por medio de qué fuente) (valor predeterminado: `'1'`) `show_meta_reply_retweet_favorite` = `'0'` o `'1'` – muestra los botones *responder*, *retuitear* y *favorito* (valor predeterminado: `'0'`) `no_rotate` = `'0'` o `'1'` – desactiva la rotación (valor predeterminado: `'0'`) `show_meta_prev_next` = `'0'` o `'1'` – muestra los enlaces *siguiente*, *anterior* (valor predeterminado: `'0'`) `prev` = etiqueta del botón *anterior* (valor predeterminado: `'prev'`) `next` = etiqueta del botón *siguiente* (valor predeterminado: `'next'`) `middot` = contenido del espacio entre los botones (valor predeterminado: `' · '`) `np_pos` = posición de los botones *siguiente* y *anterior*: `'top'`, `'bottom'`, `'insidebottom'`, `'beforeafter'` o `'tweets'` (valor predeterminado: `'top'`) `show_meta_pager` = `'0'` o `'1'` – muestra la navegación por puntos debajo de los tuits (valor predeterminado: `'0'`) `show_meta_pager_blob` = contenido de la navegación por puntos (valor predeterminado: `'•'`) `show_media` = `'0'` o `'1'` – opción experimental que muestra las imágenes con los tuits (valor predeterminado: `'0'`) `screen_name_plural` = `'0'` o `'1'` – opción experimental que le permite mostrar un posesivo en plural para el formato predeterminado de visualización en inglés (por ejemplo, British Lions' Twitter) (valor predeterminado: `'0'`) `tweet_length` = número máximo de caracteres para mostrar en el tuit (valor predeterminado: `'0'`, que muestra el tuit completo) `no_emoji` = `'0'` o `'1'` – opción experimental que elimina los emojis del feed (valor predeterminado: `'0'`) `official_format_override` = `'0'` o `'1'` – le permite cambiar los ajustes de show_meta_reply_retweet_favorite y show_meta_timestamp en los formatos oficiales `profile_image_size` = `'normal'`, `'bigger'`, `'mini'` u `'original'` – le permite cambiar el tamaño del avatar del perfil (valor predeterminado: `'normal'`) `shuffle` = `'0'` o `'1'` – muestra los tuits al azar (valor predeterminado: `'0'`) `merge_cache` = `'0'` o `'1'` – activa o desactiva la caché de búsquedas (valor predeterminado: `'1'`, es decir, activado) #### Opciones de caché `w3tc_render_to` = `'your_choice_of_random_string'` – usado para soportar `'fragment caching'` de *W3 Total Cache*. Para que funcione, también necesitará asegurarse de que `W3TC_DYNAMIC_SECURITY` está definido en su archivo `wp-config.php`, y que no está usando *HTTP Compression* en la página de ajustes *Browser Cache* de *W3 Total Cache*, o *Enhanced Disk caching* en la página de ajustes *Page Cache* de *W3 Total Cache*. #### Opciones del botón Seguir `show_follow` = `'0'` o `'1'` – muestra el botón *Seguir* (valor predeterminado: `'0'`) `no_show_count` = `'0'` o `'1'` – elimina el número de seguidores del botón *Seguir* (valor predeterminado: `'0'`) `no_show_screen_name` = `'0'` o `'1'` – elimina el nombre de usuario de Twitter del botón *Seguir* (valor predeterminado: `'0'`) #### Archivos de traducción ### Descargar [14 KB]   # ¿Cómo crear una aplicación de Twitter para obtener una clave API? ### Paso 1 Inicie sesión en Twitter. ### Paso 2 Abra [https://apps.twitter.com/](https://apps.twitter.com/) y haga clic en el botón *Create New App*. Tenga en cuenta que tendrá que añadir un número de teléfono móvil asociado a su cuenta para poder crear una aplicación. [![API Twitter 1](//caribdis.net/wp-content/uploads/2016/03/api-twitter-1-1024x600.png)](https://caribdis.net/wp-content/uploads/2016/03/api-twitter-1.png) ### Paso 3 Escriba el nombre de la aplicación, la descripción y la URL donde será usada (la dirección de su página web). Haga clic en la casilla *Yes, I agree* y luego haga clic en el botón *Create your Twitter application*. [![API Twitter 2](//caribdis.net/wp-content/uploads/2016/03/api-twitter-2-800x1024.png)](https://caribdis.net/wp-content/uploads/2016/03/api-twitter-2.png) ### Paso 4 Su aplicación ya está creada y se ha generado una clave API (*Consumer Key*). Ahora deberá administrar las claves y fichas de acceso. Haga clic en el enlace *manage keys and access tokens*. [![API Twitter 3](//caribdis.net/wp-content/uploads/2016/03/api-twitter-3-917x1024.png)](https://caribdis.net/wp-content/uploads/2016/03/api-twitter-3.png) ### Paso 5 Verá aquí, además de la clave API, el secreto de consumidor. Lo último que deberá hacer es crear una ficha de acceso. Haga clic en el botón *Create my access token*. [![API Twitter 4](//caribdis.net/wp-content/uploads/2016/03/api-twitter-4-1024x972.png)](https://caribdis.net/wp-content/uploads/2016/03/api-twitter-4.png) ### Paso 6 Copie todas las claves generadas: - *Consumer Key (API Key)* - *Consumer Secret (API Secret)* - *Access Token* - *Access Token Secret* y péguelas en sus respectivos campos en la página *Ajustes > Rotating Tweets > Ajustes de la API de Twitter* [![API Twitter 5](//caribdis.net/wp-content/uploads/2016/03/api-twitter-5-836x1024.png)](https://caribdis.net/wp-content/uploads/2016/03/api-twitter-5.png)