Ver Twitter Feed Pro en acción

Cómo añadir feeds de Twitter en WordPress

Así que sólo voy a dar una visión rápida de la costumbre Twitter Feeds Pro WordPress plugin y mostrar algunas de las cosas que puede hacer.

Cómo conectar su cuenta de Twitter

Así que voy a instalar el plugin y voy a ir al menú de Twitter Feeds aquí a la izquierda. Y todo lo que necesitas hacer para configurar el plugin es obtener un Token de Acceso y Secreto de Twitter.

Para ello, sólo tiene que hacer clic en el botón de inicio de sesión aquí. 

Conéctate a tu cuenta de Twitter y autoriza al plugin a leer tus datos y este te devolverá tu Twitter Access Token y Secret.

Y si tienes configurada una aplicación para desarrolladores de Twitter, puedes utilizar la información de tu propia aplicación marcando esta casilla.

Seleccionar el tipo de feed de Twitter

Ahora sólo tienes que decidir qué tipo de tweets quieres mostrar. Ahora puedes: 

• Visualice los tweets de cualquier cuenta de Twitter con sólo introducir el nombre de pantalla aquí 
• Añade más de 1 cuenta de Twitter si quieres combinar feeds.
• Mostrar un feed de hashtags ya sea de 1 hashtag o de múltiples hashtags.

También puedes crear búsquedas que muestren tweets basados en un conjunto específico de criterios y términos de búsqueda.

Por ejemplo, puede utilizar palabras, frases o menciones básicas. O puedes ser más específico y mostrar solo los tuits que contengan, a la vez, una frase concreta y una imagen.

Y puede encontrar una lista completa de todas las opciones de búsqueda disponibles en nuestro sitio web.

También puedes elegir que se muestren los tweets de tu cronología de inicio o sólo los tweets que te mencionan. 

Si quieres combinar diferentes tipos de feeds en un único feed, por ejemplo, combinando un timeline de usuario y un feed de hashtags, sigue las instrucciones aquí sobre cómo hacerlo.

Por ahora, sólo voy a mostrar los tweets de una de nuestras cuentas de Twitter de Smash Balloon.

Vista previa de tu cuenta de Twitter

Así que puedo personalizar el feed de inmediato o simplemente puedo tomar el shortcode personalizado de Twitter aquí, y copiar y pegar en cualquier post, página o widget donde quiero que se muestre el feed.

Así que si veo la página, verás que se muestra el feed de Twitter. Así que fuera de la caja, la alimentación se muestra en 1 columna. 

Pero como verás dentro de un momento cuando revise los ajustes de personalización, cada parte del feed es completamente personalizable, desde el tipo de contenido que se muestra hasta el diseño y el estilo de todos los elementos. 

Verás que puedes mostrar varias fotos en un tweet y si comparto un enlace, entonces el plugin realmente recuperará la meta información de esa URL dinámicamente y creará un enlace visual de Twitter card.

Y si hago clic en una foto o un vídeo, se abre una ventana emergente y puedo desplazarme por los elementos. 

Es totalmente compatible con vídeo HTML5 y con servicios de terceros como YouTube, Vimeo, Vine y Soundcloud.

Y en la parte inferior de cada lightbox, verás que hay algo más de información. Y puedo compartir el tuit en varias redes sociales o verlo directamente en Twitter.

También puedo responder, retuitear o darle a me gusta al tuit sin salir de mi sitio. 

Además, el feed es totalmente responsivo, por lo que se adaptará al tamaño de tu pantalla. Es totalmente compatible con pantallas táctiles y funciona en todos los dispositivos móviles.

Si vuelvo a la página de configuración del plugin, podré mostrarte lo fácil que es personalizarlo.

Personalizar su feed de Twitter

Lo primero que voy a hacer es añadir unas cuantas cuentas de usuario diferentes, y voy a establecer el número de tweets a ser 50. Luego voy a ir a la página de personalización y ajustar algunas cosas.

Así que hay algunos ajustes básicos para controlar la anchura y la altura de la alimentación. Ahora puedo: 

• Elige qué partes de los tweets deben mostrarse
• Elija si desea mostrar la cabecera y el botón cargar más.
• Mostrar los tweets en un carrusel giratorio
• Seleccione el número de columnas del carrusel junto con las demás opciones de personalización. 
• Muestre el feed en varias columnas y seleccione el número de columnas que desea utilizar en dispositivos de sobremesa o móviles.
• Seleccionar para cargar automáticamente más tweets cuando me desplazo a la parte inferior del feed.

También puedo filtrar los tweets de mi feed. Así que puedes elegir mostrar solo los tuits que contengan ciertas palabras o hashtags, o puedes elegir eliminar cualquier tuit que contenga palabras o hashtags específicos.

Esto te da un mayor control sobre qué tweets se muestran y te permite moderar automáticamente el feed con antelación para bloquear palabras, hashtags o frases específicas.

También puedes optar por ocultar determinados tweets en el feed si es necesario, y también hay algunas secciones aquí para tu propio CSS y JavaScript personalizado.

Si paso a la pestaña Estilo, aquí hay algunas opciones para dar estilo a las distintas partes del feed. Usted puede: 

• Establecer los colores de fondo
• Personalizar la cabecera y establecer el texto personalizado que se utilizará
• Formatee completamente la fecha eligiendo una de nuestras opciones integradas
• Utilice su propio formato de fecha personalizado
• Traduce las cadenas de texto que se utilizan en la fecha.
• Personalizar el autor y el texto del tuit
• Traduce las cadenas de texto que utiliza el plugin.
• Desactivar cualquier enlace en el tweet
• Enlaza todo el texto del tuit a la publicación en Twitter.
• Estiliza las opciones de respuesta, retweet y me gusta en la parte inferior de cada publicación
• Cambiar el texto utilizado en el enlace de Twitter
• Elija los colores utilizados en el botón cargar más
• Cambiar o traducir el texto del botón

Si guardo los cambios y vuelvo a ver el feed, podréis ver que se han aplicado las personalizaciones. 

Así que tenemos los tweets de las 3 cuentas de Twitter mostrados en un diseño de mampostería de 3 columnas. 

Y si me desplazo hacia abajo, verás que se cargan automáticamente más tweets cuando llego al final del feed. 

Además, el diseño de mampostería es totalmente adaptable y cambia a 1 columna en dispositivos móviles.

Uso de códigos cortos personalizados

Así que otra gran característica del plugin es que puede mostrar varios feeds diferentes, ya sea en la misma página o en todo su sitio y aplicar una configuración única para cada feed.

Por defecto, los feeds utilizarán los ajustes de las pestañas de configuración, personalización y estilo del plugin. Pero puedes anular cualquiera de ellos utilizando las prácticas opciones de shortcode del plugin.

Y usted puede agregar un ajuste al shortcode directamente y anulará ese ajuste para ese feed específico. 

Si voy a la página de widgets de WordPress, puedo utilizar el widget integrado widget personalizado de Twitter Feedsy el shortcode por defecto se añade automáticamente. Y por defecto, esto mostrará la configuración de las páginas de configuración del plugin, pero puedo anular estos utilizando algunas de las opciones de código corto.

Así que voy a pegar en un shortcode que ya he preparado, y esto lo hará:

• Mostrar tweets de ambos, el nombre de pantalla "Twins" y el hashtag "#MNTwins" en el mismo feed.
• Establece el número de tweets en 5
• Desactivada la disposición de columnas de mampostería
• Activado el carrusel y la reproducción automática
• Elegido para mostrar la cabecera
• Excluidos los medios de comunicación y las tarjetas de Twitter
• Establezca el color de fondo en gris claro.

Y voy a añadir una segunda alimentación, y este lo hará: 

• Utiliza algunos parámetros de búsqueda para mostrar sólo tuits que contengan la palabra "puesta de sol"
• Mostrar sólo tuits que contengan contenido multimedia, como fotos y vídeos.
• Desactivar de nuevo el diseño de mampostería
• Establece que el texto de la cabecera sea "Puestas de sol"
• Ajuste la altura a 400 píxeles
• Establece el número de tweets en 5.

Así que si volvemos a ver la página, ahora verás que se han añadido estos 2 nuevos feeds. El feed superior muestra un carrusel de tweets de ambos, la cuenta "Twins" y el hashtag "#MNTwins". 

Podría desplazarme por los tweets cargar más al final. Y es excluyendo los medios de comunicación y las tarjetas de Twitter y tiene un color de fondo gris claro. 

Y el segundo feed es de tweets que contienen la palabra "puesta de sol" y que también contienen una imagen o un vídeo. Como podemos ver, se ha añadido una altura de 400 píxeles al feed, por lo que se ha añadido automáticamente una barra de desplazamiento. 

Si nos desplazamos hasta la parte inferior, podemos ver que se cargan automáticamente más tweets.

Así que esperamos que esto le da una idea de lo versátil y personalizable este plugin es, y ha demostrado algunas de las cosas que puedes hacer con él.

Asegúrese de probar su propio nombre de usuario, hashtag o términos de búsqueda en la demostración en nuestro sitio web.

Si tiene alguna pregunta, póngase en contacto con nosotros a través de nuestra página web, página de Facebooko a través de @SmashBalloon en Twitter.