¿Buscas una forma fácil de añadir un feed de X (Twitter) a WordPress sin necesidad de un plugin?
Incrustar contenido de Twitter en tu sitio web es una forma estupenda de mostrar una valiosa prueba social y mantener el interés de tu audiencia.
Como profesional del marketing digital que lleva varios años trabajando con la incorporación de feeds sociales, sé que añadir un feed de Twitter manualmente es todo un reto, sobre todo si no eres un experto en tecnología.
Además, la mayoría de los tutoriales de WordPress sobre cómo incrustar feeds de Twitter pueden ser demasiado técnicos para que los nuevos usuarios se inicien.
En este artículo, te mostraré cómo añadir un feed de Twitter a WordPress sin un plugin. Además, te mostraré un método adicional que toma aún menos tiempo, esfuerzo y codificación.
En este artículo:
- ¿Deberías añadir un feed de Twitter con o sin un plugin?
- La forma más fácil de añadir fuentes de Twitter a sitios web WordPress
- La mejor forma de integrar Twitter: Utilizar un plugin de Twitter para WordPress
- Añadir un feed de Twitter a WordPress sin un plugin
¿Deberías añadir un feed de Twitter con o sin un plugin?
Tal vez haya oído que un menor número de plugins de WordPress es mejor para su sitio.
Mientras que los plugins mal codificados pueden ralentizar su sitio web, los plugins profesionales pueden ahorrarle tiempo y mantener su sitio web rápido.
La verdad es que el número de plugins en su sitio de WordPress no tiene casi ningún impacto directo en su velocidad y rendimiento. Lo más importante es la calidad del plugin.
Los mejores plugins de WordPress son probados y optimizados para la velocidad. Esto significa que añadir un feed de Twitter a tu sitio usando el plugin Twitter Feed Pro de Smash Balloon no tendrá un impacto negativo en tu sitio.
Estos son los inconvenientes de añadir un feed de Twitter a WordPress sin un plugin:
- No tan fácil: Es mucho más difícil añadir un feed de Twitter a WordPress sin un plugin. Con Twitter Feed Pro, puedes configurar tu feed social con unos simples clics.
- Puedes perder el código de incrustación: Incrustar manualmente los feeds de Twitter significa que tienes que copiar la URL y añadir el código a tu sitio. Pero si cambias de tema de WordPress, puede que olvides añadir el código de nuevo, o puede que tu nuevo tema no lo soporte. Con Twitter Feed Pro, no tendrás ese problema.
- No puedes personalizar mucho las incrustaciones manuales de Twitter y puede que necesites contratar a un desarrollador para tener más opciones de personalización. Un plugin de Twitter para WordPress te ofrece muchas formas sencillas de personalizar tu sitio web sin necesidad de saber codificar.
La forma más fácil de añadir fuentes de Twitter a sitios web WordPress
¿Buscas una forma más sencilla de añadir un feed de Twitter a WordPress?
Puede utilizar Smash Balloon Twitter Feed Pro, el mejor plugin de Twitter feed de WordPress, para mostrar su feed en su sitio web en su lugar.
Con el plugin Twitter Feed Pro, puedes incrustar fácilmente contenido de Twitter en tu sitio y personalizar completamente tu feed utilizando las siguientes funciones:
- Twitter ilimitado: Muestre tantos feeds como desee en la misma página o en todo su sitio web sin ninguna limitación utilizando este plugin personalizado de feeds de Twitter.
- Fácil de usar: Como el plugin es tan fácil de usar, puedes crear feeds de Twitter en cuestión de minutos, incluso si eres principiante en WordPress.
- Gran variedad de tipos de feeds: muestra los últimos tuits y retuits de las cronologías de los usuarios, feeds de hashtags, listas e incluso términos de búsqueda avanzada en impresionantes feeds de Twitter.
- Múltiples diseños: Muestra tu feed en un diseño de mampostería de varias columnas, un carrusel de desplazamiento o una lista de una sola columna.
- Preparado para SEO: Al mostrar feeds de Twitter personalizados con palabras clave relevantes, puedes posicionarte mejor en los resultados de los motores de búsqueda y llegar a más personas
- Personalización sin código: Utiliza el personalizador visual de este plugin de Twitter para controlar los colores, fuentes, botones, estilos de tuits, relleno y mucho más de tus feeds sin escribir ni una sola línea de código.
Hay mucho más: consulta la lista completa de funciones de Twitter Feed aquí.
De hecho, algunas de las empresas más grandes del mundo también están utilizando los plugins de Smash Balloon para mostrar el contenido de las redes sociales en su sitio web:
¿Listo para incrustar un feed de Twitter en tu WordPress - sin necesidad de codificación? Empieza con Twitter Feed Pro.
Con eso, vamos a seguir adelante y ver la forma más fácil de añadir feeds de Twitter a su sitio web WordPress.
La mejor forma de integrar Twitter: Utilizar un plugin de Twitter para WordPress
Si prefieres optar por la vía más fácil y utilizar un plugin para añadir un feed de X (Twitter) a WordPress, también te lo ofrecemos.
Sólo tienes que seguir paso a paso el siguiente tutorial de WordPress para mostrar fácilmente un feed de Twitter en tu sitio web WordPress.
Paso 1: Descargar y Activar Smash Balloon Twitter Feed Pro
Para empezar, haz clic aquí para empezar con Twitter Feed Pro de Smash Balloon y descarga el plugin en tu ordenador.
Después, tendrás que subir el plugin a tu sitio web WordPress. Si quieres ayuda con eso, consulta esta guía sobre cómo instalar un plugin de WordPress.
Paso 2: Crear un feed de Twitter
Con este plugin, sólo tienes que seguir el flujo guiado para crear un nuevo feed de Twitter para tu sitio web.
Para empezar, en primer lugar, vaya al menú Twitter Feed " All Feeds desde el panel de control de WordPress.
En la nueva página, pulse el botón Añadir nuevo .
Una vez hecho esto, puede elegir el tipo de feed de Twitter que desea mostrar en su sitio web:
- Cronología de usuarios: Tweets recientes realizados por cuentas específicas de Twitter
- Hashtag: Un feed de hashtags públicos de Twitter
- Búsqueda: Un feed basado en una búsqueda avanzada en Twitter
- Listas: Mostrar contenido de una lista pública de Twitter
Haga clic en el tipo de feed que desea crear y, a continuación, en el botón Siguiente.
Para nuestro tutorial, crearemos un feed de línea de tiempo de usuario.
Así de fácil, ya tienes un feed de Twitter en tu sitio web.
Paso 3: Vincule su cuenta de Twitter
Para el siguiente paso, puedes conectar tu cuenta de Twitter a este plugin.
De esta forma, Twitter Feed Pro puede mostrar contenido de Twitter en su sitio web.
Para empezar, haz clic en el botón Conectar .
Ahora, el plugin abrirá Twitter y te pedirá acceso de sólo lectura a tu cuenta de Twitter.
Con este acceso, Twitter Feed Pro sólo verá la información de Twitter y no podrá realizar ningún cambio en tu cuenta.
Para permitir el acceso de sólo lectura, haga clic en el botón Autorizar app de la ventana emergente.
Al hacerlo, volverás a tu sitio web, donde podrás elegir qué contenido de Twitter mostrar en tu sitio web.
En la ventana emergente, introduce los identificadores, hashtags o términos de búsqueda de Twitter que quieras incrustar.
Para nuestro ejemplo, introduciremos aquí el identificador de Twitter "@starbucks".
Una vez hecho esto, haga clic en Siguiente para continuar.
Paso 4: Elija sus personalizaciones
Si usted fuera a seguir adelante y publicar su feed de Twitter ahora, se vería fantástico nada más sacarlo de la caja. Esto se debe a que Twitter Feed Pro se adapta al diseño actual de su sitio web.
Además, también dispone de plantillas prediseñadas para Twitter que puedes importar con un solo clic.
Para ayudarte a crear bonitos feeds de Twitter con facilidad, puedes elegir entre 7 plantillas:
- Por defecto
- Albañilería
- Carrusel simple
- Tarjetas sencillas
- Carrusel de escaparates
- Últimos Tweets
- Widget
Seleccione la plantilla de alimentación que prefiera y pulse el botón Siguiente .
Una vez hecho esto, puedes utilizar el editor de feeds en directo para configurar aún más tu feed de Twitter.
Inmediatamente, podrás ver opciones para cambiar la combinación de colores de tu feed, el diseño, el estilo de la cabecera, cargar más botones y mucho más, sin necesidad de HTML, CSS ni ningún tipo de código.
Hacia la derecha, puedes ver una vista previa en directo de tu nuevo feed de Twitter.
¿Listo para empezar a personalizar tu feed?
En primer lugar, haga clic en la opción Feed Layout del panel izquierdo.
Desde aquí, puedes elegir el diseño de tu feed y decidir cómo quieres mostrar los tweets en tu sitio web.
Con Twitter Feed Pro, puedes elegir entre 3 opciones: Lista, Mampostería y Carrusel.
Con el diseño de lista , puede incrustar una lista de tweets en una sola columna. De este modo, tus tweets tendrán más espacio en tu sitio web.
La segunda opción es el diseño de mampostería que puede incrustar tu contenido de Twitter en varias columnas. Además, puedes mostrar toneladas de tweets a la vez.
También puede elegir el diseño de carrusel y mostrar un carrusel deslizante para su contenido de Twitter. Como resultado, puede hacer que su sitio sea más atractivo.
Sólo tiene que seleccionar el diseño que desea utilizar y hacer clic en Guardar.
También puedes cambiar el número de entradas, filas, columnas y más desde aquí. Siéntete libre de cambiarlos como quieras antes de guardar los cambios.
A continuación, haga clic en el botón Personalizar de la parte superior para volver a las opciones principales de personalización.
A continuación, puedes utilizar el personalizador de feed en directo para establecer los colores de tu feed de Twitter.
Puede hacer clic en la opción Combinación de colores de la izquierda para empezar.
Ahora, dispones de 4 esquemas de color que puedes utilizar para cambiar rápidamente los colores de tu feed de Twitter:
- Heredar del tema: Copie los colores del tema de su sitio web
- Claro: Utiliza colores claros para el fondo y oscuros para la fuente.
- Oscuro: Muestra un fondo oscuro y una fuente clara para tu feed.
- Personalizados: Elige manualmente todos los colores por ti mismo
Echa un vistazo a las opciones aquí y selecciona la combinación de colores que prefieras. Personalmente, me gusta la combinación de colores Heredar del tema para que mi feed de Twitter coincida con mi sitio al instante. Y como antes, haz clic en el botón Guardar para confirmar los cambios.
Después, puedes personalizar tu cabecera, lightbox, botones, cajas de tweets, tamaño del feed y mucho más usando el editor de feed en vivo. Una vez que estés satisfecho con tu feed de Twitter, haz clic en Guardar de nuevo para confirmar este diseño.
Paso 5: Publica tu Twitter
Hay 2 maneras que usted puede agregar su feed de Twitter a WordPress con este plugin, incluyendo:
- Twitter Feed Bloque de WordPress: Te permite añadir tu feed a una página utilizando el editor de bloques de WordPress.
- Widget de Twitter: El widget integrado te permite añadir tu feed a la barra lateral o al pie de página de WordPress.
Para incrustar tu feed de Twitter utilizando estos dos métodos, puedes utilizar el editor de feeds en directo.
Haz clic en el botón "Incrustar" de la parte superior para empezar.
Ahora, Twitter Feed Pro le mostrará una ventana emergente donde puede elegir cómo desea incrustar el feed de Twitter. Incluso puedes copiar tu shortcode desde aquí.
Para incrustarlo en una página de WordPress, haga clic aquí en el botón Añadir a una página .
A continuación, verá una lista de las páginas de WordPress de su sitio.
Seleccione la página en la que desea incrustar el feed y haga clic en el botón Añadir .
Al hacerlo, se abrirá la página de WordPress en el editor de bloques.
Haga clic en el icono más (+) para añadir un nuevo bloque de WordPress.
Ahora, busca el bloque "twitter feed " utilizando la barra de búsqueda de la parte superior.
En los resultados de la búsqueda, haz clic en el bloque Twitter Feed WordPress para añadirlo a tu página.
Por último, haz clic en el botón Publicar o Actualizar , y tu Twitter estará en línea.
Ahora, cuando abras tu página de WordPress, verás tu Twitter publicado así:
Para añadir un feed de Twitter a tu barra lateral de WordPress, abre tu feed de Twitter en el editor de feeds en directo.
Puede hacerlo navegando al menú Twitter Feed " All Feeds desde su panel de control de WordPress para ver todos los feeds de Twitter disponibles.
A continuación, haz clic en el feed que has creado antes.
De este modo, podrás volver a abrir cualquiera de tus feeds de Twitter en el editor de feeds en directo.
Desde aquí, haz clic en el botón "Incrustar" de la parte superior para empezar.
Como antes, verás una ventana emergente en la que puedes elegir la ubicación de tu feed de Twitter.
Para incrustar tu feed de Twitter como widget, puedes hacer clic aquí en la opción Añadir a un widget .
Al hacerlo, se abrirá la página de widgets, donde podrá añadir, eliminar o editar los widgets de WordPress de su sitio.
¿Quieres mostrar un widget de Twitter en tu barra lateral? Sólo tienes que hacer clic en el panel Sidebar .
También puede hacer clic en un panel de pie de página en su lugar e incrustar su feed de Twitter allí.
Para añadir un nuevo widget, haga clic en el icono más (+) de la parte inferior.
Desde ahí, busca el widget Twitter Feed y haz clic en él.
Recuerda hacer clic en Actualizar para conservar la configuración.
Por último, puedes abrir tu sitio web para ver el aspecto de tu nuevo widget de Twitter.
Añadir un feed de Twitter a WordPress sin un plugin
Como puedes ver, utilizar un plugin de WordPress para configurar tu feed de Twitter es una idea inteligente. Pero si prefieres añadir un feed sin un plugin de Twitter para WordPress, sigue estos sencillos pasos.
Paso 1: Visite el sitio web de Twitter Publish
El primer paso es ir al sitio web oficial de Twitter Publish.
Desde aquí, puedes generar códigos de inserción de Twitter que puedes añadir a tu sitio web.
Paso 2: Seleccione sus opciones de incrustación
A continuación, desplácese por la página para ver las distintas opciones de incrustación, que incluyen:
- Tweet incrustado: Un único tweet o hilo de Twitter
- Cronología integrada: Una línea de tiempo completa del usuario a partir de un perfil de Twitter
- Botones de Twitter: Botones de seguimiento de Twitter
Ahora haga clic en su opción de incrustación preferida aquí para continuar. En este ejemplo, utilizaremos la opción de línea de tiempo incrustada.
Paso 3: Introduzca su URL de Twitter
Tras hacer clic en la opción de incrustación que prefieras, aparecerá una ventana emergente en la que se te pedirá que pegues una URL.
En este cuadro, introduce la URL del feed de Twitter que deseas mostrar en tu sitio web y haz clic en el botón Vista previa .
Paso 4: Copiar el código de inserción de Twitter
En la siguiente pantalla, verás una vista previa de tu feed de Twitter. Encima de la vista previa, encontrarás un recuadro con el código de inserción de Twitter que tendrás que añadir a tu sitio web.
Haga clic en el botón azul Copiar código para guardar el código incrustado en el portapapeles.
Paso 5: Añadir el código de inserción de Twitter a WordPress
El último paso es pegar el código de inserción de Twitter en tu sitio web de WordPress. Puedes hacerlo añadiendo el código a una nueva entrada, página o widget.
Para añadir su feed de Twitter a una nueva página, vaya a Páginas " Añadir nueva desde el panel de control de WordPress.
Para utilizar una entrada de WordPress en su lugar, vaya al menú Páginas " Añadir nueva desde su panel de control.
Esto abrirá una nueva página o entrada en su editor de bloques de WordPress.
A partir de aquí, ya puedes empezar a incrustar tu feed de Twitter. En primer lugar, haz clic en el icono más (+) para añadir un nuevo bloque de WordPress.
A continuación, utilice el cuadro de búsqueda para buscar "custom html" antes de hacer clic en el bloque Custom HTML de los resultados de la búsqueda.
Dentro de tu nuevo bloque, simplemente pega el código de inserción de Twitter que acabas de copiar antes.
Por último, haz clic en el botón Publicar para guardar esta página. Ahora, puede abrir esta página y comprobar cómo se verá su feed de Twitter.
También puede incrustar su feed de Twitter manualmente en su barra lateral o pie de página de WordPress utilizando un widget de Twitter.
Para ello, vaya al menú Apariencia " Widgets de su panel de control.
Desde esta página, puedes empezar a gestionar tus widgets de WordPress fácilmente.
Ahora, haz clic en el panel Sidebar para incrustar allí tu widget de Twitter.
También puede hacer clic en el panel Pie de página si prefiere mostrar el contenido de Twitter en el pie de página.
Por último, haz clic en el icono más (+) para añadir un nuevo widget y, a continuación, haz clic en el widget HTML personalizado de las opciones.
Como antes, pega el código de inserción de Twitter que has copiado antes y WordPress insertará tu feed de Twitter como un widget.
Recuerda hacer clic en Actualizar para conservar la configuración. Cuando previsualices el widget publicado, tendrá este aspecto:
Como puedes ver, este método es bastante limitado y no ofrece muchas opciones de personalización. Además, tendrás que gestionar un montón de códigos de incrustación si quieres mostrar diferentes tweets en tu sitio.
¡Ya está!
Ha aprendido cómo añadir un feed de Twitter a WordPress sin necesidad de un plugin. Ahora, puedes atraer a los visitantes de tu sitio web con contenido relevante de Twitter.
Pero si quieres incrustar fácilmente publicaciones de Twitter en un sitio WordPress, utilizar un plugin te facilitará mucho las cosas. De esta forma, sólo se necesitan unos pocos clics sin necesidad de codificación.
¿Listo para incrustar tu feed de Twitter en sitios web WordPress con facilidad? Empieza hoy mismo con Twitter Feed Pro.
¿Con un presupuesto limitado? También puede utilizar Smash Balloon Custom Twitter Feeds, la versión gratuita de Twitter Feed Pro, sin gastar nada.
¿Quieres probar Twitter Feeds Lite GRATIS?
Introduzca la URL de su sitio web WordPress para instalar Twitter Feeds personalizados GRATIS
Ten en cuenta que este plugin gratuito sólo te permite crear un feed de Twitter a partir de una cuenta pública de Twitter. Si desea incrustar tweets de varios usuarios, comience con Twitter Feed Pro hoy.
¿Quieres conseguir fácilmente más seguidores en Twitter en un abrir y cerrar de ojos? Echa un vistazo a nuestra sencilla guía sobre cómo aumentar tus seguidores de Twitter.
Si buscas consejos sobre redes sociales para hacer crecer tu cuenta de Twitter, a continuación te explicamos cómo puedes aumentar hoy mismo tu participación en Twitter.