Benutzt du Twitch? Es ist eine Video-Streaming-Plattform, die bei Spielern beliebt ist, die sie verwenden, um ihr Gameplay zu übertragen. Es wird auch zum Streamen von Gaming-Events, Wettbewerben, Turnieren usw. verwendet. Vor kurzem hat uns einer unserer Benutzer gefragt, wie sie ihren Twitch-Stream-Status in WordPress hinzufügen können. In diesem Artikel zeigen wir Ihnen, wie Sie den Twitch-Stream-Status in WordPress anzeigen.
Videoanleitung
Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.
Als erstes müssen Sie die installieren und aktivieren Twitch-Status Plugin. Nach der Aktivierung müssen Sie besuchen Einstellungen » Twitch-Status Seite, um die Plugin-Einstellungen zu konfigurieren.
Geben Sie einfach Ihren Twitch-Kanalnamen an und geben Sie dann jQuery-Selektoren ein. Dies kann eine beliebige CSS-Klasse oder ein beliebiges ID-Attribut eines Elements im HTML-Code Ihrer Seite sein. Es teilt dem Plugin mit, wo es Ihren Twitch-Status anzeigen soll.
Wenn Sie nicht wissen, was es bedeutet, machen Sie sich keine Sorgen, wir zeigen Ihnen später im Artikel, wie das geht. Jetzt kannst du einfach einsteigen .twitch
als Ihren jQuery-Selektor und klicken Sie auf die Schaltfläche Einstellungen speichern.
Hinzufügen des Twitch-Status in der WordPress-Sidebar
Das Twitch-Status-Plugin wird mit einem raffinierten Widget geliefert, mit dem Sie Ihren Twitch-Stream-Status in der Seitenleiste Ihrer WordPress-Site anzeigen können. Geh einfach zu Aussehen » Widgets und füge das Twitch-Status-Widget zu einer Seitenleiste hinzu.
Geben Sie einen Titel für das Widget an und wählen Sie dann aus, wohin die Wiedergabeschaltfläche die Benutzer umleiten soll. Du kannst einen Link zu deinem Twitch-Stream, jeder benutzerdefinierten URL oder einer Blog-Seite hinzufügen. Vergessen Sie nicht, auf die Schaltfläche Speichern zu klicken, um Ihre Widget-Einstellungen zu speichern.
Sie können jetzt Ihre Website besuchen, um das Widget in Aktion zu sehen.
Twitch-Status im WordPress-Navigationsmenü hinzufügen
Sie können Ihren Twitch-Stream-Status auch in den Navigationsmenüs Ihrer Site hinzufügen. Besuch Aussehen » Menüs Seite und klicken Sie auf die Registerkarte für den benutzerdefinierten Link, um sie zu erweitern. Sie müssen Ihre Twitch-Stream-URL mit Twitch als Linktext eingeben und dann auf die Schaltfläche zum Menü hinzufügen klicken.
Dadurch wird ein Menüpunkt in der rechten Spalte hinzugefügt. Jetzt müssen Sie auf die Schaltfläche Bildschirmoptionen in der oberen rechten Ecke des Bildschirms klicken. Es öffnet sich ein Menü, in dem Sie das Kontrollkästchen neben CSS-Klassen aktivieren müssen.
Scrollen Sie nun nach unten zum Menüpunkt und klicken Sie darauf, um seine Eigenschaften zu erweitern und anzuzeigen. Sie müssen .twitch oder einen anderen jQuery-Selektor eingeben, den Sie in den Plugin-Einstellungen hinzugefügt haben. Klicken Sie zuletzt auf die Schaltfläche Menü speichern.
Das ist alles, Sie können jetzt Ihre Website besuchen, um den Twitch-Stream-Status in Ihrem Navigationsmenü anzuzeigen. Informationen zur Fehlerbehebung finden Sie in unserer Anleitung zum Hinzufügen von Navigationsmenüs in WordPress.
Einbetten Ihres Twitch-Streams in WordPress
Im Gegensatz zu YouTube, Vimeo und anderen beliebten Videoseiten, die über eine integrierte oEmbed-Integration mit WordPress verfügen, erfordert Twitch, dass Sie den Einbettungscode tatsächlich einfügen.
Besuchen Sie einfach Ihren Twitch-Stream und klicken Sie auf die Schaltfläche Teilen. Dadurch wird das Freigabe-Popup angezeigt, in dem Sie den Code unter der Option „Live-Player einbetten“ kopieren müssen.
Bearbeiten Sie den Beitrag oder die Seite in WordPress, in die Sie den Twitch-Stream einbetten möchten, und fügen Sie den Einbettungscode in den Beitragseditor ein. Klicken Sie anschließend auf die Schaltfläche zum Veröffentlichen oder Aktualisieren.
Sie können jetzt Ihre Website besuchen, um den Twitch-Stream zu sehen, der in Ihren WordPress-Beitrag oder Ihre WordPress-Seite eingebettet ist.
Wir hoffen, dieser Artikel hat Ihnen geholfen, den Twitch-Stream-Status zu Ihrer WordPress-Site hinzuzufügen. Vielleicht möchten Sie auch unsere Liste der nützlichsten WordPress-Widgets für Ihre Site anzeigen.