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!
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.
- Instale el complemento de feeds de Twitter personalizados
- Conecte su cuenta de Twitter a WordPress
- Prueba tu feed de Twitter
- Personaliza tu feed de Twitter
- 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.
Regrese a su sitio de WordPress y diríjase a Complementos »Agregar nuevo . Luego haga clic en el botón Agregar nuevo .
Seleccione el archivo que descargó y haga clic en Instalar ahora para instalarlo.
¡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 .
Conectar su cuenta de Twitter toma un par de segundos. Primero, haga clic en el botón azul para iniciar sesión.
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.
¡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.
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 .
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.
Ahora cree una nueva página de WordPress y agregue un bloque de código corto.
Pegue el código corto en el bloque, exactamente como lo copiamos. Asegúrese de incluir los corchetes.
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.
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.
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.
Cuando empiece, utilizará el diseño de lista . Intentemos cambiar a mampostería .
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.
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.
Y así es como se ve nuestra página de vista previa:
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.
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 .
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í:
Ahora probemos este shortcode:
[custom-twitter-feeds autoscroll=true]
Esto cargará automáticamente los siguientes 6 tweets cuando lleguemos al final:
Incluso puede combinar feeds de 2 cuentas en 1:
[custom-twitter-feeds screenname="easywpforms, wpmailsmtp"]
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.