Cómo mostrar el estado de tu transmisión de Twitch en WordPress

¿Usas Twitch? Es una plataforma de transmisión de video popular entre los jugadores que la utilizan para transmitir su gameplay. También se usa para transmitir eventos de juegos, competencias, torneos, etc. Recientemente, uno de nuestros usuarios nos preguntó cómo podían agregar el estado de su transmisión de Twitch en WordPress. En este artículo, te mostraremos cómo mostrar el estado de tu transmisión de Twitch en WordPress.

Tutorial en video

Si no te gusta el video o necesitas más instrucciones, sigue leyendo.

Lo primero que debes hacer es instalar y activar el plugin Twitch Status. Después de la activación, debes visitar la página Configuración » Estado de Twitch para configurar los ajustes del plugin.

Simplemente proporciona el nombre de tu canal de Twitch y luego ingresa los selectores de jQuery. Esta puede ser cualquier clase CSS o atributo id de un elemento en el código HTML de tu página. Esto le indicará al plugin dónde mostrar el estado de tu transmisión de Twitch.

Si no sabes qué significa, no te preocupes, te mostraremos cómo hacerlo más adelante en el artículo. Por ahora, puedes ingresar simplemente .twitch como tu selector de jQuery y hacer clic en el botón Guardar configuración.

Agregar el estado de Twitch en la barra lateral de WordPress

El plugin Twitch Status viene con un útil widget que te permite mostrar el estado de tu transmisión de Twitch en la barra lateral de tu sitio de WordPress. Simplemente ve a Apariencia » Widgets y agrega el widget Twitch Status a una barra lateral.

Proporciona un título para el widget y luego selecciona a dónde debe redirigir el botón de reproducción a los usuarios. Puedes agregar un enlace a tu transmisión de Twitch, cualquier URL personalizada o una página de blog. No olvides hacer clic en el botón de guardar para almacenar la configuración de tu widget.

Ahora puedes visitar tu sitio web para ver el widget en acción.

Agregar el estado de Twitch en el menú de navegación de WordPress

También puedes agregar el estado de tu transmisión de Twitch en los menús de navegación de tu sitio. Visita la página Apariencia » Menús y haz clic en la pestaña de enlace personalizado para expandirla. Necesitas ingresar la URL de tu transmisión de Twitch con Twitch como texto del enlace y luego hacer clic en el botón de agregar al menú.

Esto agregará un elemento de menú en la columna de la derecha. Ahora necesitas hacer clic en el botón Opciones de Pantalla en la esquina superior derecha de la pantalla. Esto desplegará un menú donde necesitas marcar la casilla junto a Clases CSS.

Ahora desplázate hacia abajo hasta el elemento del menú y haz clic en él para expandir y mostrar sus propiedades. Necesitas ingresar .twitch o cualquier selector jQuery que hayas agregado en la configuración del plugin. Por último, haz clic en el botón de guardar menú.

Eso es todo, ahora puedes visitar tu sitio web para ver el estado de la transmisión de Twitch en tu menú de navegación. Para solucionar problemas, consulta nuestra guía sobre cómo agregar menús de navegación en WordPress.

Incrustar tu transmisión de Twitch en WordPress

A diferencia de YouTube, Vimeo y otros sitios de video populares que tienen integración oEmbed incorporada con WordPress, Twitch requiere que pegues el código de incrustación.

Simplemente visita tu transmisión de Twitch y haz clic en el botón Compartir. Esto abrirá la ventana emergente de compartir donde necesitas copiar el código en la opción 'Incrustar reproductor en vivo'.

Edita la publicación o página en WordPress donde deseas incrustar la transmisión de Twitch y pega el código de incrustación en el editor de la publicación. Luego haz clic en el botón publicar o actualizar.

Ahora puedes visitar tu sitio web para ver la transmisión de Twitch incrustada en tu publicación o página de WordPress.

Esperamos que este artículo te haya ayudado a agregar el estado de la transmisión de Twitch a tu sitio de WordPress. También te puede interesar ver nuestra lista de widgets de WordPress más útiles para tu sitio.

Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.