Como especialista en marketing en redes sociales, sé que conseguir que tu feed de Twitter tenga el aspecto que deseas utilizando las opciones de incrustación nativas puede resultar frustrante, sobre todo cuando buscas un diseño concreto, como un slider horizontal o un carrusel.
La función de incrustación predeterminada de Twitter solo crea una línea de tiempo vertical, sin ninguna opción horizontal integrada.
Trabajo en Smash Balloon, y el plugin que utilizo para esto es Smash Balloon Twitter Feed Pro. Cuenta con un diseño de carrusel integrado, por lo que puedes mostrar tu feed de Twitter en horizontal sin tener que escribir ni una sola línea de código.
En resumen: para crear un feed de Twitter horizontal en WordPress, instala Smash Balloon Twitter Feed Pro, crea un nuevo feed y selecciona la plantilla «Simple Carousel» durante la configuración. Así conseguirás el diseño de desplazamiento horizontal con un solo clic.
La configuración completa tarda unos 5 minutos. A continuación te guiaré paso a paso.
En este artículo, te explicaré paso a paso cómo configurar tu feed horizontal de Twitter. Esta guía está pensada para todo el mundo, por lo que no se necesitan conocimientos de programación.
En este artículo
- La forma más fácil de añadir un feed horizontal en Twitter
- Cómo incrustar un feed horizontal X (Twitter) en WordPress
- Preguntas frecuentes sobre los feeds horizontales de X/Twitter en WordPress
- Tutoriales y guías populares sobre Twitter Marketing
- Empieza hoy mismo a integrar un feed horizontal de X/Twitter
La forma más fácil de añadir un feed horizontal en Twitter
Eres libre de incrustar manualmente un feed horizontal de Twitter en tu sitio web. Pero debes saber que hacerlo conlleva muchas limitaciones, como:
- Difícil de configurar: Cuando incrustas manualmente tus tweets en una plantilla de diseño horizontal en WordPress, necesitas lidiar con mucho código como HTML, PHP, JavaScript o CSS personalizado.
- Difícil de personalizar: Estás atascado con el diseño por defecto de Twitter. Así que si quieres cambiar el diseño de tu feed de Twitter a un feed de desplazamiento horizontal, puede que tengas que gastar dinero contratando a un desarrollador.
- Arriesgado: ¿alguna vez has intentado modificar el código de incrustación de tu sitio web en WordPress? Si cometes un pequeño error, es posible que aparezca la temida página de "error", cuya corrección te llevará mucho tiempo y recursos.
- Control limitado sobre tus tweets: ¿Quieres moderar tus tweets para mostrar sólo el contenido que deseas? Twitter tampoco te permite hacerlo.
- Nadie que priorice ayudarte: ¿Se te ha estropeado la web? ¿O no sabes qué hacer? Twitter no tiene un equipo de soporte dedicado a ayudarte. Así que estás solo.
Si Twitter dificulta la incrustación horizontal de tu feed de Twitter en tu sitio, ¿cuál es la mejor manera?
Usted puede hacer todo más fácil y más rápido mediante el mejor plugin de Twitter feed para WordPress: Smash Balloon Twitter Feed Pro.
Este plugin para principiantes te ayuda a añadir fácilmente tu feed horizontal de Twitter a tu sitio WordPress.
Sí, ni siquiera es necesario modificar líneas de código para configurarlo.
¿Y lo mejor? Tiene un diseño de carrusel incorporado. Así que usted puede mostrar fácilmente su feed de Twitter horizontalmente, también.
Además, como está diseñado pensando en los usuarios, puedes estar seguro de que el plugin se carga súper rápido en tu sitio web. Y un sitio web más rápido significa mejor SEO, por lo que su sitio se posiciona mejor en los resultados de los motores de búsqueda.
Además, con una sólida valoración de 4,9/5 estrellas, este plugin de feeds de Twitter personalizados está felizmente recomendado por más de 100.000 usuarios activos.
Twitter Feed Pro amplía la funcionalidad de su sitio web para mostrar el contenido de Twitter en su sitio. Estas son algunas de las mejores características del plugin:
- Muy fácil de configurar: Instala el plugin, configúralo y muestra tu feed horizontal de Twitter con sólo unos clics, ¡sin necesidad de conocimientos técnicos!
- Se ve muy bien fuera de la caja: Este plugin de Twitter para WordPress hereda automáticamente el diseño de tu tema. Por lo tanto, es coherente con la identidad visual de tu marca y el tema de WordPress existente.
- Fácilmente personalizable: Usando nuestro personalizador de feed en vivo, puedes habilitar fácilmente el diseño de desplazamiento horizontal, cambiar los colores, establecer el diseño de los botones y mucho más.
- Añade tus feeds de Twitter sin necesidad de código: Puedes incrustar fácilmente un widget de desplazamiento de Twitter en tu barra lateral o pie de página con el widget del plugin.
- Optimizado para un buen SEO: Dado que el plugin se creó pensando en el SEO, te resultará más fácil posicionarte en los resultados de los motores de búsqueda y llegar a más clientes potenciales.
- Te da el control total de tu contenido: Muestra sólo los tweets que quieras en tu feed personalizado de Twitter con la ayuda de la función de moderación del plugin.
¿Y sabes qué más viene con el plugin? Puedes contactar con su amable y servicial equipo de soporte. Están dedicados a ayudarte siempre que necesites que alguien te eche una mano.
¿Otra parte interesante de usar este plugin para integrar Twitter en tu sitio web?
Twitter Feed Pro de Smash Balloon también es felizmente confiado por las marcas más grandes de todo el mundo para mostrar la prueba social. Así que, ¡sabes que estás en buena compañía!
Como puedes ver, te resultará muy fácil incrustar contenido de plataformas de medios sociales con la ayuda de este plugin de Twitter.
¿Quieres aumentar la participación en la cuenta de Twitter de tu marca? Consigue hoy mismo tu copia de Twitter Feed Pro.
Cómo incrustar un feed horizontal X (Twitter) en WordPress
Usando este método a continuación, puedes configurar tus tweets rotativos en WordPress en pocos minutos.
Empecemos.
Paso 1: Instalar el plugin Twitter Feed Pro
En primer lugar, obtenga su propia copia del plugin Smash Balloon Twitter Feed Pro aquí. Descarga el plugin en tu ordenador e instálalo en tu sitio web WordPress.
¿Necesitas un repaso sobre la instalación de plugins de WordPress?
Puedes seguir este útil tutorial sobre cómo instalar un plugin de WordPress en tu sitio. Tiene instrucciones paso a paso para que puedas hacerlo fácilmente.
Paso 2: Crear un nuevo feed de Twitter
Utilizando el flujo guiado, puede crear fácilmente un nuevo feed de Twitter en su sitio web.
En primer lugar, vaya al menú Twitter Feed " All Feeds desde el panel de control de WordPress.
En esta página, pulse el botón Añadir nuevo .
Para seguir creando tu feed horizontal de Twitter, tienes que elegir el tipo de feed.
Usando Twitter Feed Pro, hay diferentes tipos de feed entre los que puedes elegir:
- Cronología del usuario: Muestra los tweets y retweets recientes de tu cronología de Twitter.
- Hashtag: Muestra tweets basados en hashtags específicos que hayas seleccionado.
- Buscar: Introduce los términos de búsqueda e incrusta las publicaciones de Twitter coincidentes.
Hemos elegido mostrar un hashtag de Twitter como ejemplo.
Una vez seleccionado el tipo de feed de Twitter, haz clic en el botón Siguiente .
Paso 3: Conecte su cuenta de Twitter
Al conectar su cuenta de Twitter, puede mostrar contenido de Twitter en su sitio web.
Para empezar, haz clic en el botón Conectar de la ventana emergente.
Una vez que hagas clic en él, el plugin te redirigirá a Twitter. Allí, puedes dar al plugin acceso de solo lectura a tu cuenta de Twitter.
Dado que se trata de un acceso de sólo lectura, Twitter Feed Pro no podrá realizar ningún cambio en tu cuenta.
Haz clic en el botón de la aplicación Autorizar para conectar tu cuenta de Twitter.
Así de fácil, habrás conectado tu feed a Twitter, ¡sin necesidad de lidiar con tokens de acceso o API!
Después de eso, el plugin abrirá tu sitio web una vez más para que puedas terminar de configurar tu feed de Twitter.
Ahora, puedes elegir qué mostrar en tu sitio web introduciendo cuentas de usuario específicas, hashtags, términos de búsqueda y mucho más.
Para nuestro tutorial, añadiremos el hashtag de Twitter "#KEEB_PD" en la ventana emergente.
Una vez que haya añadido una fuente, pulse el botón Siguiente .
Paso 4: Activar el diseño horizontal
Después de conectar tu fuente, el plugin te pedirá que elijas la plantilla que prefieras.
Con estas plantillas, puedes crear rápidamente un diseño único para tu feed de Twitter. Esto significa que puedes añadir fácilmente un carrusel de Twitter a WordPress utilizando una plantilla.
Para mostrar su feed de Twitter horizontalmente, seleccione la plantilla Carrusel simple y haga clic en Siguiente.
Esto habilitará un diseño horizontal para tu feed de Twitter, que se parece a esto:
Paso 5: Estiliza tu feed horizontal de Twitter
¿Ya has elegido el diseño de carrusel para tu feed de Twitter en WordPress? Perfecto.
El plugin abrirá ahora tu feed horizontal de Twitter en el editor de feeds en directo para que puedas personalizar su diseño.
A la izquierda, puedes encontrar todas las opciones de personalización. Con ellas, puedes configurar el esquema de colores, el diseño del feed, el tamaño del feed, el número de entradas y mucho más.
También hay una vista previa en directo de tu feed a la derecha. De este modo, obtendrás una vista previa en tiempo real de tu feed de Twitter.
Para empezar, haga clic en la opción Diseño de la fuente de la izquierda.
Si te desplazas hacia abajo a la izquierda, encontrarás las opciones para configurar tu feed horizontal de Twitter.
En la opción Configuración del carrusel , puede activar o desactivar las flechas de navegación, los puntos de paginación, así como la reproducción automática.
Debajo, puedes elegir el número de tweets, las filas, el tamaño del carrusel, el tiempo de intervalo, el tipo de bucle y mucho más.
Elija las opciones que prefiera y pulse Guardar.
Para volver de nuevo a las opciones principales, haga clic en el botón Personalizar de la esquina superior izquierda.
Ahora, vamos a cambiar los colores de tu nuevo feed de Twitter.
Para ello, vaya a la opción Combinación de colores de la izquierda.
Desde aquí, puedes elegir entre 4 esquemas de color diferentes para tu feed horizontal de Twitter.
- Heredar del tema: Copie los colores de su sitio web
- Claro: Fondo claro con fuente oscura
- Oscuro: fondo oscuro junto con una fuente más clara
- Personalizados: Elige manualmente todos los colores
Sólo tienes que seleccionar un esquema de color de las opciones y, a continuación, hacer clic en Guardar para continuar.
A continuación, puede volver de nuevo a las opciones principales haciendo clic en el botón Personalizar de la parte superior.
Como puedes ver, puedes utilizar el editor de feed en directo para personalizar el resto de tu feed de Twitter con facilidad.
Solo tienes que hacer clic en unos cuantos botones y podrás cambiar el encabezado de tu feed, añadir más botones, modificar el diseño de las tarjetas de Twitter y mucho más. No hace falta lidiar con fragmentos de código complicados ni contratar a un desarrollador para que te ayude.
Cuando estés satisfecho con el aspecto de tu feed de Twitter de desplazamiento horizontal, haz clic en el botón Guardar .
Paso 6: Insertar su feed horizontal de Twitter en WordPress
Por último, puedes empezar a incrustar este feed horizontal de Twitter en tu sitio web.
Con Twitter Feed Pro, puedes mostrar tu feed en la página de tu sitio web, en la barra lateral o en el pie de página.
Insertar su feed de Twitter horizontal en una página de WordPress
Para incrustar un feed de Twitter personalizado, puedes utilizar fácilmente el personalizador visual de feeds del plugin.
En primer lugar, haga clic en el botón Incrustar de la esquina superior derecha.
Ahora puedes elegir incrustar tu feed de Twitter en una página o en un área de widgets. Además, también puedes copiar el shortcode desde esta ventana emergente.
Por ahora, haga clic en el botón Añadir a una página para continuar.
A continuación, seleccione la página en la que desea incrustar el feed horizontal de Twitter y haga clic en el botón Añadir.
Ahora puede ver la página abierta en el editor de WordPress. Aquí, haz clic en el icono más (+) para poder añadir un nuevo bloque de contenido.
Una vez hecho esto, escribe "twitter feed" en el cuadro de búsqueda y haz clic en el widget Twitter Feed para incrustar tu feed.
Siéntase libre de editar el contenido de la página y asegurarse de que todo se ve bien antes de hacer clic en el botón Publicar o Actualizar .
Una vez hecho esto, los visitantes de tu sitio web podrán ver tu feed horizontal de Twitter siempre que visiten tu sitio web.
Inserta tu feed de Twitter horizontal en tu barra lateral o pie de página
Si quieres añadir el feed a la barra lateral o al pie de página de tu sitio como widget de Twitter, también puedes utilizar el editor de feeds en directo.
Comience por navegar hasta el menú Twitter Feed " All Feeds desde su panel de control de WordPress.
A continuación, haz clic en el feed horizontal de Twitter que quieras incrustar.
Ahora, este plugin de Twitter para WordPress abrirá tu feed en el editor en vivo una vez más.
Como antes, haz clic en el botón Incrustar de la parte superior para continuar.
En la ventana emergente, puedes elegir incrustar tu feed de Twitter como widget. A continuación, haz clic en el botón Añadir a un widget .
Una vez hecho esto, el plugin abrirá tu página de Widgets, donde podrás gestionar todos los widgets de tu sitio web WordPress.
Para empezar a incrustar tu feed de Twitter, haz clic en el panel Sidebar aquí
También puede hacer clic en un panel de pie de página si prefiere incrustar allí su feed.
Utilizaremos el pie de página como ejemplo.
Ahora, haz clic en el icono más (+) para añadir un nuevo widget a tu barra lateral o pie de página.
Por último, busque el widget Twitter Feed y haga clic en él.
Para confirmar los cambios, pulse el botón Actualizar .
Ahora, cuando los visitantes de tu sitio web lo visiten, verán tu cronología de Twitter incrustada de esta forma:
¡Y ya está!
Ahora, usted sabe cómo agregar un desplazamiento horizontal de Twitter feed a su sitio fácilmente. Con la ayuda de Twitter Feed Pro, puede incrustar contenido de Twitter en un montón de maneras diferentes en cuestión de minutos.
De este modo, es mucho más fácil aumentar la participación en Twitter y la notoriedad de la marca, para que tu negocio crezca a largo plazo.
¿Listo para incrustar feeds de Twitter? Empieza a utilizar Twitter Feed Pro hoy mismo.
¿Quieres más formas de mostrar feeds de redes sociales? Sigue esta guía sobre cómo incrustar feeds de Instagram en WordPress.
Preguntas frecuentes sobre los feeds horizontales de X/Twitter en WordPress
¿X tiene un diseño de desplazamiento horizontal integrado?
El código de inserción nativo de X solo admite una línea de tiempo vertical. No hay ninguna opción oficial para el desplazamiento horizontal ni para el formato carrusel. Para mostrar tu feed de Twitter con desplazamiento horizontal en WordPress, necesitas un plugin como Smash Balloon Twitter Feed Pro, que incluye una plantilla de carrusel integrada y lista para usar.
¿Cómo puedo hacer que mi feed de Twitter se desplace horizontalmente en WordPress?
Con Smash Balloon Twitter Feed Pro, debes seleccionar la plantilla «Simple Carousel» al configurar tu feed. Esto organiza tus tuits uno al lado del otro en un diseño horizontal, con reproducción automática opcional, flechas de navegación y puntos de paginación. Desde el editor en tiempo real, puedes ajustar el número de tuits visibles, la velocidad de desplazamiento y el tamaño del carrusel sin tener que tocar el código.
¿Cómo puedo controlar cuántos tuits se muestran a la vez en el carrusel?
En la configuración del diseño del feed, dentro del editor en vivo, puedes establecer exactamente cuántos tuits aparecen a la vez, cuántas filas mostrar, el tamaño de cada tarjeta y el intervalo de reproducción automática. La mayoría de los sitios muestran entre 3 y 5 tuits por pantalla, para que el feed resulte dinámico sin resultar abrumador.
Tutoriales y guías populares sobre Twitter Marketing
- Cómo conseguir los feeds personalizados de Twitter de Smash Balloon GRATIS
- Las mejores formas de aumentar la participación en Twitter
- Cómo incrustar widgets responsivos de Twitter en tu sitio web
- Formas probadas de ganar dinero en Twitter con facilidad (selección de expertos)
- Cómo incrustar listas X (Twitter) en tu sitio web en 5 pasos
Empieza hoy mismo a integrar un feed horizontal de X/Twitter
Incorporar un carrusel horizontal en tu sitio web de WordPress es una de las mejoras de diseño más rápidas que puedes implementar.
Una vez que elijas la plantilla de carrusel y conectes tu cuenta, el feed se actualiza automáticamente a partir de ahí, incorporando los nuevos tuits a medida que los publicas.
Smash Balloon Twitter Feed Pro es lo que lo hace posible sin necesidad de programar. Es el plugin que utilizo para sitios web en los que el diseño del feed es realmente importante, y la configuración se hace en unos cinco minutos.
Consigue Smash Balloon Twitter Feed Pro →
