Comment afficher l'état du flux Twitch dans WordPress

Utilisez-vous Twitch? Il s’agit d’une plate-forme de streaming vidéo très appréciée des joueurs qui l’utilise pour diffuser son jeu. Il est également utilisé pour diffuser des événements de jeu, des compétitions, des tournois, etc. Un de nos utilisateurs nous a récemment demandé comment ils pouvaient ajouter l'état de leur flux Twitch dans WordPress. Dans cet article, nous allons vous montrer comment afficher l'état du flux Twitch dans WordPress.

Didacticiel vidéo

Si vous n'aimez pas la vidéo ou si vous avez besoin de plus d'instructions, continuez à lire..

La première chose à faire est d’installer et d’activer le plugin Twitch Status. Lors de l'activation, vous devez visiter Réglages »Statut du commutateur page pour configurer les paramètres du plugin.

Indiquez simplement le nom de votre canal Twitch, puis entrez les sélecteurs jQuery. Cela peut être n'importe quelle classe CSS ou attribut id d'un élément dans le code HTML de votre page. Il indiquera au plugin où afficher votre statut de contraction.

Si vous ne savez pas ce que cela signifie, ne vous inquiétez pas, nous allons vous montrer comment faire cela plus tard dans l'article. En ce moment, vous pouvez simplement entrer .tic comme sélecteur jQuery et cliquez sur le bouton Enregistrer les paramètres.

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

Le plugin Twitch Status est livré avec un widget astucieux qui vous permet d'afficher l'état de votre flux Twitch dans la barre latérale de votre site WordPress. Il suffit d'aller à Apparence »Widgets et ajouter le widget Statut Twitch à une barre latérale.

Indiquez un titre pour le widget, puis sélectionnez l'emplacement 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 enregistrer les paramètres de votre widget..

Vous pouvez maintenant visiter votre site Web 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 flux Twitch dans les menus de navigation de votre site. Visite Apparence »Menus page et cliquez sur l'onglet lien personnalisé pour le développer. Vous devez entrer l'URL de votre flux twitch avec Twitch en tant que texte de 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 dans le coin supérieur droit de l’écran. Cela fera apparaître un menu où vous devez cocher la case à côté des classes CSS.

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

C'est tout, vous pouvez maintenant visiter votre site Web pour voir l'état 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..

Incorporation de votre flux Twitch dans WordPress

Contrairement à YouTube, Vimeo et à d’autres sites vidéo populaires intégrant oEmbed à WordPress, Twitch vous oblige à coller le code incorporé..

Il suffit de visiter votre flux Twitch et de cliquer sur le bouton Partager. Cela fera apparaître la fenêtre de partage où vous devez copier le code sous l’option «Incorporer Live Player».

Modifiez la publication ou la page dans WordPress dans laquelle vous souhaitez intégrer le flux Twitch et collez le code intégré dans l'éditeur de publication. Cliquez ensuite sur le bouton publier ou mettre à jour.

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

Nous espérons que cet article vous a aidé à ajouter l’état du flux Twitch à votre site WordPress. Vous pouvez également consulter notre liste des widgets WordPress les plus utiles pour votre site..

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