Cómo crear un feed de Twitter personalizado para su sitio web

Publicado: 2021-07-06

¿Quieres crear un feed de Twitter personalizado para tu sitio web?

La visualización de sus últimos tweets mantiene su sitio web actualizado. También podría ayudarte a conseguir más seguidores.

En este artículo, le mostraremos la forma más fácil de insertar sus tweets en cualquier lugar de su sitio de WordPress.

Cree su formulario de WordPress ahora

¿Cómo agrego un widget de Twitter a mi sitio web?

Puede agregar fácilmente un widget de Twitter utilizando el complemento de fuentes de Twitter personalizadas de Smash Balloon.

¡Es fácilmente el mejor complemento de Twitter para WordPress!

WPForms es el mejor complemento de WordPress Form Builder. ¡Consíguelo gratis!

Página de inicio de Twitter Feeds personalizados

Las fuentes de Twitter personalizadas son mucho más poderosas que incrustar tweets directamente desde Twitter porque:

  • Las fuentes de Twitter personalizadas te ofrecen un montón de opciones de personalización
  • Es fácil mostrar exactamente lo que desea usando códigos cortos
  • Puede mostrar diferentes feeds en diferentes partes de su sitio.
  • Es fácil filtrar su feed por hashtag, usuario o palabra clave.
  • Sus tweets se cargan como parte del contenido de la página y eso podría impulsar su SEO
  • Las fuentes de Twitter personalizadas también cumplen con el RGPD.

Twitter Feeds Pro personalizado le permite mostrar:

  • Feeds de usuarios
  • Feeds de hashtags
  • Feeds filtrados personalizados
  • Menciones
  • Listas de Twitter
  • Presentaciones de diapositivas
  • Carruseles
  • Resultados de la búsqueda
  • ¡Y mucho más!

Se podría integrar los tweets directamente desde Twitter usando la herramienta de línea de tiempo incorporado. Pero hay pocas opciones de personalización y no integra el contenido del tweet en la página. Entonces, el complemento de Smash Balloon es una opción mucho mejor.

Cómo crear un feed de Twitter personalizado para su sitio web

Sigamos adelante, configuremos Feeds de Twitter personalizados y exploremos las opciones.

  1. Instale el complemento de feeds de Twitter personalizados
  2. Conecte su cuenta de Twitter a WordPress
  3. Prueba tu feed de Twitter
  4. Personaliza tu feed de Twitter
  5. Utilice códigos cortos para filtrar y combinar fuentes de Twitter

Primero, vamos a instalar el complemento de alimentación de Twitter de Smash Balloon.

1. Instale el complemento de feeds de Twitter personalizados

Primero, descarguemos e instalemos el complemento Feeds personalizados de Twitter. Puede tomar el archivo zip de su cuenta de Smash Balloon.

Descargar el complemento de feed de Twitter personalizado

Regrese a su sitio de WordPress y diríjase a Complementos »Agregar nuevo . Luego haga clic en el botón Agregar nuevo .

Agregar nuevo complemento

Seleccione el archivo que descargó y haga clic en Instalar ahora para instalarlo.

Instalar Twitter Feeds Pro personalizado

¡Terminamos! No olvide activar el complemento una vez que se complete la instalación. El complemento lo guiará a través del proceso de ingresar su clave de licencia para activar las funciones Pro.

2. Conecte su cuenta de Twitter a WordPress

En este paso, autorizaremos a su sitio de WordPress a descargar tweets de su cuenta de Twitter.

Comencemos haciendo clic en el menú de Twitter Feeds .

Configuración del feed de Twitter

Conectar su cuenta de Twitter toma un par de segundos. Primero, haga clic en el botón azul para iniciar sesión.

Conectar la cuenta de Twitter a WordPress

Cuando se abra la página de autorización de Twitter, haga clic en Autorizar aplicación para permitir que Smash Balloon vea sus tweets.

Autorizar Smash Balloon

¡Y eso es! Ahora su sitio de WordPress está conectado.

Ahora comencemos a crear su feed de Twitter personalizado. Justo debajo del botón azul, verá un área donde puede configurar su feed. En este ejemplo, mostraremos tweets de nuestra propia cuenta de Twitter, @easywpforms.

Establecer el nombre de usuario para el feed de Twitter personalizado

A continuación, le mostraremos cómo probar el feed.

3. Pruebe su feed de Twitter

Para mostrar sus tweets, crearemos una página de prueba en su sitio web. Esto le permitirá ver cómo se verá el feed final de Twitter para que podamos personalizar el contenido.

Esta es una manera fácil de ajustar el aspecto de su feed para que coincida con su tema de WordPress. También podemos echar un vistazo a algunos de los códigos cortos que vamos a utilizar.

Para crear una página de prueba, primero haga clic en la pestaña Mostrar su fuente .

Haga clic en la pestaña Pantalla de feeds de Twitter

Recién estamos comenzando, por lo que usaremos el código abreviado predeterminado del feed de Twitter:

[custom-twitter-feeds]

Puedes agarrarlo justo en la parte superior de la página.

Muestra un feed de Twitter personalizado con un código corto

Ahora cree una nueva página de WordPress y agregue un bloque de código corto.

Bloque de código corto

Pegue el código corto en el bloque, exactamente como lo copiamos. Asegúrese de incluir los corchetes.

Código corto de Smash Balloon

Ahora obtenga una vista previa de su página en WordPress.

Así es como se ve nuestro feed de Twitter con la configuración predeterminada.

Vista previa del feed de Twitter personalizado

Personalicemos el feed para que podamos probar un diseño diferente.

4. Personaliza tu feed de Twitter

De vuelta en el panel de WordPress, cambiemos la cantidad de tweets mostrados a 6. Encontrará esta configuración justo debajo del campo de nombre de usuario que acabamos de usar.

Cuántos tweets mostrar en Smash Balloon

Y ahora probemos con un diseño diferente. Para hacer eso, haga clic en la pestaña Personalizar en la configuración del complemento Fuente personalizada de Twitter.

Haga clic en la pestaña Personalizar feed de Twitter

Cuando empiece, utilizará el diseño de lista . Intentemos cambiar a mampostería .

Seleccionar diseño para el feed de Twitter

Ahora guarda tu configuración.

Podemos obtener una vista previa del resultado volviendo a cargar la página de prueba que creamos anteriormente. Ahora la alimentación parece mucho más compacta.

Feed de Twitter con diseño de mampostería

De vuelta en la página Personalizar , puede ajustar su feed aún más. Veamos cómo se ve sin texto, imágenes o videos retuiteados. Puede desmarcar las casillas aquí para elegir lo que desea mostrar.

Muestre u oculte partes de su feed de Twitter personalizado

Y así es como se ve nuestra página de vista previa:

Feed de Twitter personalizado sin imágenes

Hay muchas más formas de personalizar tu feed en Smash Balloon. Siga cambiando esta configuración para obtener su feed de la forma que desee, y recuerde hacer clic en Guardar antes de obtener una vista previa nuevamente.

5. Utilice códigos cortos para filtrar y combinar fuentes de Twitter

Es posible que desee filtrar su feed para poder mostrar u ocultar diferentes tipos de tweets. También puede combinar diferentes cuentas o diferentes filtros en un solo feed.

En la pestaña Configurar , puede controlar qué tweets se muestran en su sitio y cuáles se excluyen.

Excluir o incluir palabras del feed de Twitter personalizado

Usando códigos cortos, también puede crear diferentes feeds y personalizarlos sobre la marcha. Esto es increíble si, por ejemplo, desea mostrar tweets que son relevantes para una página específica.

Para probar esto, regresemos a la pestaña Display Your Feed .

Haga clic en la pestaña Pantalla de feeds de Twitter

Esta página le ofrece un montón de códigos abreviados diferentes para ayudarlo a crear sus feeds de la forma en que desea que se muestren.

Primero, intentemos:

[custom-twitter-feeds includewords="form"]

Este shortcode solo mostrará tweets con la palabra 'formulario' en ellos, así:

Feed de Twitter con configuración de includewords

Ahora probemos este shortcode:

[custom-twitter-feeds autoscroll=true]

Esto cargará automáticamente los siguientes 6 tweets cuando lleguemos al final:

Desplazamiento automático del feed de Twitter personalizado en WordPress

Incluso puede combinar feeds de 2 cuentas en 1:

[custom-twitter-feeds screenname="easywpforms, wpmailsmtp"]

Feed de Twitter con múltiples usuarios

Al combinar diferentes configuraciones de shortcode, puede crear feeds completamente personalizados. Y muestra cualquier fuente con sus propios filtros y configuraciones de visualización.

Continúe y explore todos los códigos cortos en el complemento para que su feed se vea exactamente como lo desea.

¡Y eso es! Ahora sabe cómo crear feeds de Twitter personalizados ilimitados y mostrarlos fácilmente en cualquier lugar de WordPress.

Cree su formulario de WordPress ahora

A continuación, realice un seguimiento de los envíos de formularios en Facebook

¿Le gustaría poder realizar un seguimiento de los envíos de formularios como eventos de Facebook?

¡Es muy fácil! Aprenda a realizar un seguimiento de su formulario con un píxel de Facebook.

¿Listo para construir tu formulario? Empiece hoy mismo con el plugin de creación de formularios de WordPress más sencillo. WPForms Pro incluye muchas plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo le ayudó, síganos en Facebook y Twitter para obtener más tutoriales y guías gratuitos de WordPress.