Cómo mostrar el estado de Twitch Stream en WordPress

Cómo mostrar el estado de Twitch Stream en WordPress / Plugins de WordPress

¿Utilizas Twitch? Es una plataforma de transmisión de video popular entre los jugadores que la usan para transmitir su juego. También se utiliza para transmitir eventos de juegos, competiciones, torneos, etc. Recientemente, uno de nuestros usuarios nos preguntó cómo pueden agregar su estado de transmisión de Twitch en WordPress. En este artículo, le mostraremos cómo mostrar el estado de transmisión de Twitch en WordPress.

Video Tutorial

Suscribirse a WPBeginner

Si no te gusta el video o necesitas más instrucciones, continúa leyendo.

Lo primero que debe hacer es instalar y activar el complemento de estado de Twitch. Tras la activación, debe visitar Configuraciones »Estado Twitch página para configurar los ajustes del plugin.

Simplemente proporcione el nombre de su canal Twitch y luego ingrese los selectores jQuery. Este puede ser cualquier atributo de clase o identificación CSS de un elemento en el código HTML de su página. Le indicará al complemento dónde mostrar su estado de contracción.

Si no sabe lo que significa, no se preocupe, le mostraremos cómo hacerlo más adelante en el artículo. Ahora puedes simplemente ingresar .contracción nerviosa como su selector jQuery y haga clic en el botón Guardar configuración.

Agregando Twitch Status en la barra lateral de WordPress

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

Proporcione un título para el widget y luego seleccione dónde el botón de reproducción debería redirigir a los usuarios. Puedes agregar un enlace a tu flujo de Twitch, cualquier URL personalizada o una página de blog. No olvide hacer clic en el botón Guardar para almacenar la configuración de su widget.

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

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

También puede agregar su estado de transmisión de Twitch en los menús de navegación de su sitio. Visitar Apariencia »Menús Página y haga clic en la pestaña de enlace personalizado para expandirla. Debe ingresar su URL de flujo de contracción con Twitch como texto de enlace y luego hacer clic en el botón Agregar al menú.

Esto agregará un elemento de menú en la columna de la derecha. Ahora debe hacer clic en el botón Opciones de pantalla en la esquina superior derecha de la pantalla. Se abrirá un menú donde debe marcar la casilla junto a las clases de CSS.

Ahora desplácese hacia abajo hasta el elemento del menú y haga clic en él para expandir y mostrar sus propiedades. Debe ingresar .twitch o cualquier selector de jQuery que haya agregado en la configuración del complemento. Por último haga clic en el botón Guardar menú..

Eso es todo, ahora puede visitar su sitio web para ver el estado de transmisión de Twitch en su menú de navegación. Para resolver problemas, consulte nuestra guía sobre cómo agregar menús de navegación en WordPress.

Incrustar tu Twitch Stream en WordPress

A diferencia de YouTube, Vimeo y otros sitios de videos populares que tienen integración integrada con WordPress, Twitch requiere que realmente pegue el código de inserción.

Simplemente visite su flujo de Twitch y haga clic en el botón Compartir. Esto abrirá la ventana emergente para compartir en la que necesita copiar el código en la opción 'Incrustar Live Player'.

Edite la publicación o la página en WordPress donde desee incrustar la secuencia de Twitch y pegue el código de inserción en el editor de publicaciones. A continuación, haga clic en el botón publicar o actualizar.

Ahora puede visitar su sitio web para ver el flujo de Twitch integrado en su publicación o página de WordPress.

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

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..