Cuando empecé a usar Oxygen Builder, me encantó el control que me daba sobre el diseño de mi sitio web. Pero rápidamente me encontré con un obstáculo a la hora de añadir contenido X (Twitter).
Además de llevar mucho tiempo, los métodos predeterminados de WordPress tenían un aspecto terrible o no se ajustaban al diseño personalizado que había creado en Oxygen.
Si tienes un sitio Oxygen Builder y quieres mostrar tu contenido de Twitter, probablemente te enfrentes a la misma frustración.
Añadir correctamente tu perfil de Twitter puede aumentar la participación y mantener fresco el contenido de tu sitio, pero la mayoría de las soluciones no se adaptan bien al enfoque personalizado de Oxygen.
Te mostraré el método exacto que utilizo para integrar perfiles de Twitter en sitios Oxygen Builder. Este proceso de 5 pasos funciona siempre y se completa en cuestión de minutos.
- La forma más sencilla de añadir fuentes de Twitter a sitios web Oxygen
- Cómo añadir un perfil Twitter/X a Oxygen Builder
La forma más sencilla de añadir fuentes de Twitter a sitios web Oxygen
Oxygen Builder es un popular constructor de páginas de WordPress que le ofrece un control total sobre el diseño de su sitio web.
A diferencia de los temas tradicionales de WordPress, Oxygen te permite crear diseños personalizados sin tocar el código.
Sin embargo, este enfoque personalizado implica que los métodos estándar de WordPress para añadir contenido a las redes sociales a menudo no funcionan correctamente o parecen fuera de lugar.
Por lo tanto, es posible que acabe con un feed de perfil de Twitter que simplemente no se ajuste a su sitio web después de pasar mucho tiempo y esfuerzo incrustando contenido de Twitter manualmente.
En su lugar, puede utilizar un plugin de WordPress para obtener automáticamente el contenido de Twitter y añadirlo a Oxygen Builder.
De todos los plugins de Twitter que existen, he elegido Twitter Feed Pro para esta guía.
Hay algunas razones por las que Twitter Feed Pro se destaca de la competencia:
- Compatibilidad: Twitter Feed Pro funciona perfectamente con Oxygen Builder y otros constructores de sitios populares.
- Muestra contenido fresco: El plugin mantendrá tu feed actualizado con tus últimos tweets automáticamente.
- Ligero: Dado que esta herramienta está diseñada para ser rápida, su sitio web Oxygen se cargará tan rápido como siempre.
- Coincide con su sitio web: Sus fuentes copiarán automáticamente el diseño de su sitio web Oxygen Builder nada más sacarlo de la caja.
- Altamente personalizable: También obtienes plantillas pre-construidas junto con un personalizador en vivo para diseñar tu feed de perfil de Twitter en detalle.
Otra gran razón para elegir esta herramienta es la calidad de la atención al cliente. Para comprobarlo por ti mismo, puedes echar un vistazo a los comentarios de los usuarios aquí y ver lo que la gente piensa del equipo de soporte.
Hay un montón de características para trabajar, y es fácil de recoger y utilizar. Y a continuación, te guiaré a través de los pasos para añadir un perfil de Twitter a los sitios web de Oxygen.
Cómo añadir un perfil Twitter/X a Oxygen Builder
En los siguientes pasos, te mostraré lo fácil que puede ser añadir contenido Twitter/X a tu sitio Oxygen Builder con la ayuda de Twitter Feed Pro.
Paso 1: Instalar y activar Twitter Feed Pro
En primer lugar, puede obtener el plugin Twitter Feed Pro aquí antes de instalarlo en su sitio web.
En caso de que no sepas cómo, echa un vistazo a esta guía paso a paso sobre cómo instalar y activar plugins de WordPress.
Paso 2: Crear un feed de Twitter
Ya puedes empezar desde tu panel de WordPress.
Abra el menú Twitter Feed " Todos los feeds y haga clic en el botón Añadir nuevo.
Una vez hecho esto, puedes elegir el tipo de feed de Twitter que quieres crear:
- Cronología del usuario: Mostrar los tweets de un perfil de Twitter elegido
- Hashtag: Muestra los tweets que tienen los hashtags seleccionados.
- Buscar: Elige tus términos de búsqueda e incrusta los resultados
Aquí elegiré la línea de tiempo de usuario, pero el proceso es el mismo para cualquier tipo de alimentación.
Una vez que haya seleccionado el tipo de alimentación, haga clic en Siguiente.
Paso 3: Conecta tu perfil de Twitter
Conectar tu perfil de Twitter significa que el plugin puede obtener los tweets relevantes y mostrarlos en tu sitio. Además, es un proceso rápido y sencillo.
Para empezar, haz clic en el botón Conectar de la ventana emergente.
Una vez hecho esto, el plugin abrirá Twitter/X en tu navegador.
Desde aquí, haz clic en Autorizar aplicación para conectar tu perfil.
Al hacerlo, volverás a tu sitio web. Ahora, puede elegir el perfil de Twitter, el hashtag o el término de búsqueda para su feed.
Voy a introducir un nombre de usuario de Twitter para este ejemplo.
Sólo tienes que introducir la información aquí y hacer clic en Siguiente.
Paso 4: Personaliza tu feed de Twitter
Su perfil de Twitter recién creado copiará automáticamente el diseño de su sitio web Oxygen. Puede ahorrarte mucho tiempo si has elegido cuidadosamente el diseño y la combinación de colores de tu sitio web.
Además, puedes importar una plantilla para cambiar rápidamente el diseño de tu feed de Twitter.
Puede elegir entre 7 opciones diferentes con diseños únicos.
- Por defecto
- Tarjetas de albañilería
- Carrusel simple
- Tarjetas sencillas
- Carrusel de escaparates
- Último tweet
- Widget
Después de elegir una plantilla, haga clic en Siguiente.
Después de importar una plantilla, puedes utilizar el editor en vivo para personalizar aún más el diseño.
Puedes cambiar el diseño, la cabecera, el diseño de los botones, el tamaño de la fuente, la combinación de colores y mucho más desde este editor.
Te mostraré algunas opciones interesantes para que veas cómo funciona.
Empecemos por cambiar el diseño de los tweets.
Para empezar, abra la opción Diseño de la fuente de la izquierda.
Una vez hecho esto, el panel de la izquierda le mostrará más opciones de personalización.
Para el diseño, puedes elegir entre 3 diseños diferentes para tu feed:
- Lista: Muestra tu perfil de Twitter en una sola columna como en la web oficial
- Mampostería: Utiliza filas y columnas para mostrar toneladas de tweets a la vez
- Carrusel: Incrusta los tweets en tu web como un pase de diapositivas interactivo
Elige tu diseño y haz clic en Guardar para confirmar los cambios.
También puedes cambiar otras opciones de diseño desde aquí, como el número de filas y columnas. Recuerda guardar los cambios cuando hayas terminado.
Para continuar, puede hacer clic en Personalizar.
Ahora que hemos configurado el diseño, te mostraré cómo personalizar los colores.
En el panel de la izquierda, seleccione la opción Combinación de colores .
Para ayudarte a cambiar rápidamente los colores, puedes seleccionar la combinación de colores que prefieras:
- Heredar del tema: Copie los colores de su sitio web Oxygen
- Claro: Fondo claro con fuente oscura
- Oscuro: fondo oscuro junto con una fuente clara
- Personalizados: Elige manualmente los colores
Como antes, recuerda Guardar los cambios una vez que hayas terminado de configurar los colores.
Puedes utilizar las opciones restantes para personalizar tu feed de Twitter en detalle. Como puedes ver, el editor en vivo es bastante fácil de usar, y puedes seguir fácilmente todos tus cambios.
Una vez guardado el diseño, es hora de pasar al último paso.
Paso 5: Insertar perfil de Twitter en Oxygen Builder
Puedes empezar a incrustar este feed de Twitter haciendo clic en el botón Incrustar de la parte superior.
Esto abre una ventana emergente con todas las opciones de incrustación para tus feeds de Twitter. Desde aquí puedes añadir este feed a tu página, barra lateral o pie de página.
Para Oxygen Builder, puede hacer clic en Copiar en su lugar.
Si hay una página específica de Oxygen Builder en la que quieres el feed de Twitter, puedes abrirla ahora.
Para utilizar una página nueva, abra el menú Páginas " Añadir nueva desde el panel de control.
A continuación, haga clic en Editar plantilla para abrir la página en Oxygen Builder.
Para añadir contenido a esta página, puede hacer clic en el icono más (+) de la esquina superior izquierda.
Tras hacer clic en él, verás un nuevo panel con una barra de búsqueda.
Sólo tienes que escribir "shortcode" en la barra y, a continuación, hacer clic en el bloque Shortcode que aparece a continuación.
Ahora, busca el campo Full Shortcode y pega tu shortcode de antes.
Una vez hecho esto, Twitter Feed Pro incrustará automáticamente el perfil de Twitter en esta página.
Siéntase libre de añadir cualquier otro contenido que desee en esta página. Oxygen Builder es bastante fácil de usar, y puedes hacer muchas cosas sin tocar una sola línea de código.
Cuando estés satisfecho con su aspecto, puedes publicarlo para que tus visitantes puedan ver los tweets.
Con esto, ya tienes un feed de perfil de Twitter en tu sitio web Oxygen Builder. Al mostrar tweets relevantes, puede mantener el interés de los visitantes y aumentar su presencia en las redes sociales al mismo tiempo.
Además, también puedes utilizar el plugin para incrustar reseñas positivas de productos, mostrar contenido creado por los usuarios y mucho más. Como puedes ver, Twitter Feed Pro puede ser una gran adición a tu kit de herramientas de marketing en redes sociales.
Para probarlo por ti mismo, puedes conseguir tu copia de Twitter Feed Pro aquí.
Si quieres sacarle más partido a Twitter, puedes consultar nuestra lista de las mejores herramientas de marketing para Twitter.
Otras guías y tutoriales sobre redes sociales
- Cómo incrustar vídeos de TikTok en tu Oxygen Builder (Guía fácil)
- Las mejores formas de ganar dinero en Twitter con facilidad (selección de expertos)
- Cómo incrustar tus vídeos de YouTube en Oxygen Builder (Guía fácil)
- Consejos probados para ayudarte a conseguir más seguidores en Twitter/X GRATIS
