Comment afficher le statut de diffusion Twitch dans WordPress

Utilisez-vous Twitch ? C'est une plateforme de diffusion vidéo populaire auprès des joueurs qui l'utilisent pour diffuser leur gameplay. Elle est également utilisée pour diffuser des événements, des compétitions, des tournois, etc. Récemment, l'un de nos utilisateurs nous a demandé comment ajouter leur statut de diffusion Twitch dans WordPress. Dans cet article, nous vous montrerons comment afficher le statut de diffusion Twitch dans WordPress.

Tutoriel vidéo

Si la vidéo ne vous plaît pas ou si vous avez besoin d'instructions supplémentaires, continuez à lire.

La première chose à faire est d'installer et d'activer le plugin Twitch Status. Après l'activation, vous devez visiter la page Paramètres » Twitch Status pour configurer les paramètres du plugin.

Fournissez simplement le nom de votre chaîne Twitch, puis entrez les sélecteurs jQuery. Il peut s'agir de n'importe quelle classe CSS ou d'un attribut d'ID d'un élément dans le code HTML de votre page. Cela indiquera au plugin où afficher votre statut Twitch.

Si vous ne savez pas ce que cela signifie, ne vous inquiétez pas, nous vous montrerons comment faire plus tard dans l'article. Pour l'instant, vous pouvez simplement entrer .twitch comme sélecteur jQuery et cliquer sur le bouton Enregistrer les paramètres.

Ajout du statut Twitch dans la barre latérale de WordPress

Le plugin Twitch Status est livré avec un widget pratique qui vous permet d'afficher votre statut de diffusion Twitch dans la barre latérale de votre site WordPress. Allez simplement dans Apparence » Widgets et ajoutez le widget Twitch Status à une barre latérale.

Fournissez un titre pour le widget, puis sélectionnez où le bouton de lecture doit rediriger les utilisateurs. Vous pouvez ajouter un lien vers votre flux Twitch, une URL personnalisée ou une page de blog. N'oubliez pas de cliquer sur le bouton Enregistrer pour sauvegarder les paramètres de votre widget.

Vous pouvez maintenant visiter votre site Web pour voir le widget en action.

Ajout du statut Twitch dans le menu de navigation WordPress

Vous pouvez également ajouter le statut de votre flux Twitch dans les menus de navigation de votre site. Visitez la page Apparence » Menus et cliquez sur l'onglet Lien personnalisé pour le développer. Vous devez entrer l'URL de votre flux Twitch avec Twitch comme texte du lien, puis cliquer sur le bouton Ajouter au menu.

Cela ajoutera un élément de menu dans la colonne de droite. Maintenant, vous devez cliquer sur le bouton Options d'écran en haut à droite de l'écran. Cela fera apparaître un menu où vous devrez cocher la case à côté de Classes CSS.

Faites maintenant défiler jusqu'à l'élément de menu et cliquez dessus pour le développer et afficher ses propriétés. Vous devez entrer .twitch ou tout autre sélecteur jQuery que vous avez ajouté dans les paramètres du plugin. Enfin, cliquez sur le bouton Enregistrer le menu.

C'est tout, vous pouvez maintenant visiter votre site Web pour voir le statut du flux Twitch dans votre menu de navigation. Pour le dépannage, consultez notre guide sur la façon d'ajouter des menus de navigation dans WordPress.

Intégrer votre flux Twitch dans WordPress

Contrairement à YouTube, Vimeo et d'autres sites vidéo populaires qui ont une intégration oEmbed intégrée avec WordPress, Twitch vous oblige à coller le code d'intégration.

Visitez simplement votre flux Twitch et cliquez sur le bouton Partager. Cela ouvrira la fenêtre contextuelle de partage où vous devrez copier le code sous l'option « Intégrer le lecteur en direct ».

Modifiez l'article ou la page dans WordPress où vous souhaitez intégrer le flux Twitch et collez le code d'intégration dans l'éditeur d'articles. Cliquez ensuite sur le bouton publier ou mettre à jour.

Vous pouvez maintenant visiter votre site Web pour voir le flux Twitch intégré dans votre article ou page WordPress.

Nous espérons que cet article vous a aidé à ajouter le statut du flux Twitch à votre site WordPress. Vous voudrez peut-être aussi consulter notre liste des widgets WordPress les plus utiles pour votre site.

Si vous avez aimé cet article, alors abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.