Utilisez-vous Twitch ? Il s’agit d’une plateforme de diffusion vidéo directe populaire auprès des joueurs qui l’utilisent pour diffuser leur gameplay. Elle est également utilisée pour diffuser en direct des évènements de gaming, des compétitions, des tournois, etc. Récemment, l’une de nos utilisatrices/utilisateurs nous a demandé comment ajouter l’état de leur diffusion en direct sur Twitch dans WordPress. Dans cet article, nous allons vous afficher comment afficher l’état de la diffusion Twitch en direct dans WordPress.
Tutoriel vidéo
Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, alors continuez à lire.
La première chose à faire est d’installer et d’activer l’extension Twitch Status. Une fois activé, vous devez visiter la page Réglages » Twitch Status pour définir les paramètres de l’extension.
Il vous suffit d’indiquer le nom de votre chaîne Twitch, puis de saisir les sélecteurs jQuery. Il peut s’agir de n’importe quelle classe CSS ou de l’attribut id d’un élément dans le code HTML de votre page. Il indiquera à l’extension où afficher votre état twitch.
Si vous ne savez pas ce que cela signifie, alors ne vous inquiétez pas nous vous afficherons comment faire ultérieurement dans l’article. Pour l’instant, vous pouvez simplement saisir .twitch
comme sélecteur jQuery et cliquer sur le bouton enregistrer les Réglages.
Ajout d’un état Twitch dans la colonne latérale de WordPress
L’extension Twitch Status est livrée avec un widget astucieux qui vous permet d’afficher l’état de votre diffusion directe sur Twitch dans la colonne latérale de votre site WordPress. Il suffit d’aller dans Apparence » Widgets et d’ajouter le widget Twitch Status dans une colonne latérale.
Fournissez un titre pour le widget, puis sélectionnez l’endroit où le bouton de lecture doit rediriger les utilisateurs/utilisatrices. Vous pouvez ajouter un lien vers votre diffusion en direct sur Twitch, n’importe quelle URL personnalisée ou une page de blog. N’oubliez pas de cliquer sur le bouton enregistrer pour stocker les réglages de votre widget.
Vous pouvez maintenant visiter votre site pour voir le widget en action.
Ajout de l’état de Twitch dans le menu de navigation de WordPress
Vous pouvez également ajouter l’état de votre diffusion en direct sur Twitch dans les menus de navigation de votre site. Visitez la page Apparence » Menus et cliquez sur l’onglet lien personnalisé pour le déplier. Vous devez saisir l’URL de votre diffusion en direct avec Twitch comme texte de lien, puis cliquez sur le bouton ajouter au menu.
Cela ajoutera un élément de menu dans la colonne de droite. Vous devez maintenant cliquer sur le bouton Options d’écran dans le coin supérieur droit de l’écran. Un menu s’affiche, dans lequel vous devez cocher la case située à côté des classes CSS.
Défilez maintenant vers le bas jusqu’à l’élément de menu et cliquez dessus pour le déplier et afficher ses propriétés. Vous devez saisir .twitch ou tout autre sélecteur jQuery que vous avez ajouté dans les Réglages de l’extension. Dernier point, cliquez sur le bouton « Enregistrer » du menu.
C’est tout, vous pouvez maintenant visiter votre site pour voir l’état de la diffusion Twitch en direct dans votre menu de navigation. Pour le dépannage, consultez notre guide sur l’ajout de menus de navigation dans WordPress.
Contenu embarqué de votre diffusion Twitch en direct sur WordPress
Contrairement à YouTube, Vimeo et d’autres sites vidéo populaires qui disposent d’un contenu embarqué intégré dans WordPress, Twitch nécessite que vous colliez le code d’intégration.
Il vous suffit de visiter votre diffusion en direct sur Twitch et de cliquer sur le bouton Partager. Cela fera apparaître la fenêtre surgissante de partage où vous devez copier le code sous l’option « Contenu embarqué En direct Player ».
Modifiez l’article ou la page dans WordPress où vous souhaitez intégrer la diffusion Twitch et collez le code d’intégration dans l’éditeur de l’article. Cliquez ensuite sur le bouton de publication ou de mise à jour.
Vous pouvez maintenant visiter votre site pour voir la diffusion Twitch embarquée dans votre publication ou page WordPress.
Nous espérons que cet article vous a aidé à ajouter l’état de la diffusion Twitch en direct sur votre site WordPress. Vous pouvez également consulter notre liste des widgets WordPress les plus utiles pour votre site.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Bigwas
I hope it is a free plugin. I have to check it out.