So fügen Sie Ihren Twitch-Status zu WordPress hinzu

Veröffentlicht: 2017-07-29

Wenn Sie selbst auf Twitch streamen möchten, ist es wahrscheinlich Ihr primäres Ziel, so viele Aufrufe (und Abonnenten) wie möglich zu erhalten. Sie können dies tun, indem Sie Ihre Social-Media-Konten verwenden, um die Leute wissen zu lassen, wann Sie auftauchen werden, aber was ist, wenn Sie auch eine WordPress-Website mit einem eigenen Publikum haben?

Glücklicherweise ermöglicht WordPress Ihnen, Ihren Twitch-Status auf Ihrer Website anzuzeigen. Es ist keine Standardfunktion, aber es ist sehr einfach hinzuzufügen. In diesem Artikel werden wir darüber sprechen, warum Sie Ihren Twitch-Status auf WordPress anzeigen sollten, und Ihnen drei verschiedene Möglichkeiten beibringen. Lass uns anfangen!

Warum du deinen Twitch-Status zu WordPress hinzufügen solltest

Ein Twitch-Stream.

Als Streamer sollte es dein Hauptziel sein, so viele Augen wie möglich auf deine Streams zu bekommen.

Für Uneingeweihte ist Twitch eine Plattform, die es jedem ermöglicht, sich selbst zu streamen, während er Videospiele spielt. Laut eigenen Statistiken schalten sich jeweils über 100 Millionen Menschen ein, um ihre Lieblingsstreamer zu sehen Monat. Wenn Sie ein Publikum aufbauen möchten, möchten Sie, dass die Leute wissen, wann immer Sie streamen, und die Anzeige Ihres Status ist eine hervorragende Möglichkeit, dies zu tun.

Das Hinzufügen Ihres Twitch-Status zu WordPress ist eine sehr einfache Optimierung, aber wenn Sie ein eingebautes Publikum haben, kann es Ihnen helfen, mehr Augen auf Ihren Stream zu werfen. Sobald Sie Ihre eigene Schaltfläche hinzugefügt haben, können die Leute darauf klicken und direkt von Ihrer Website darauf zugreifen.

Darüber hinaus können Sie Ihren Twitch-Stream auch in Ihre WordPress-Website einbetten. Es ist ein schneller Vorgang, der nicht länger als ein paar Minuten dauern sollte, und wir werden dich durch ihn führen, nachdem wir über deinen Twitch-Status gesprochen haben.

Einführung des Twitch-Status-Plugins

Das Twitch-Status-Plugin.

Das Twitch Status-Plugin ist bemerkenswert einfach. Es ermöglicht Ihnen, Ihrer WordPress-Navigationsleiste eine einfache Twitch-Statusschaltfläche hinzuzufügen, die Ihren Besuchern mitteilt, ob Sie live oder offline sind.

Wenn Sie die Dinge aufpeppen möchten, können Sie auch ein Widget anzeigen, das Informationen darüber enthält, welches Spiel Sie spielen, und es kann sogar eine Miniaturversion Ihres Streams enthalten.

Denken Sie daran, dass das Plugin zwar seit einiger Zeit nicht aktualisiert wurde, die Funktionalität, die es bietet, jedoch recht einfach ist. Bei unseren Tests mit Divi sind keine Probleme aufgetreten, und viele Benutzer sind mit der Leistung zufrieden.

Hauptmerkmale:

  • Zeigt Ihren Twitch-Status auf Ihrer WordPress-Website an.
  • Bietet entweder eine Schaltfläche oder ein Widget, um den Status Ihres Streams anzuzeigen.
  • Ermöglicht das Anpassen Ihres Widgets mit CSS
  • Aktualisiert sich automatisch alle 30 Sekunden, um Änderungen in Ihrem Status anzuzeigen.

Preis: Kostenlos | Mehr Informationen

So fügen Sie Ihren Twitch-Status zu WordPress hinzu (auf 3 Arten)

Um loszulegen, musst du das Twitch-Status-Plugin installieren und aktivieren und dann in deinem WordPress-Dashboard zur Registerkarte Einstellungen > Twitch-Status navigieren:

Geben Sie den Namen Ihres Kanals an.

Hier gibst du den Namen deines Twitch-Kanals in das entsprechende Feld ein und speicherst deine Änderungen. Fügen Sie dann die .twitch- Klasse zum jQuery- Auswahlfeld hinzu – Sie werden sie in einer Minute benötigen. Wählen Sie nun eine geeignete Methode zum Anzeigen Ihres Streams aus.

1. Füge deinen Twitch-Status zur WordPress-Sidebar hinzu

Wenn Sie in Ihrem Dashboard auf die Registerkarte Darstellung > Widgets gehen, sollten Sie ein neues Twitch-Status- Widget finden. Wie bei allen anderen WordPress-Widgets können Sie es per Drag & Drop entweder in Ihre Seitenleiste oder in Ihren Fußzeilenbereich ziehen. Wir empfehlen Ihre Seitenleiste als die logischste Option, da sie auffälliger ist. Ziehen Sie das Twitch-Status- Widget in Ihre Seitenleiste und ordnen Sie es nach Bedarf neu an.

Nach dem Hinzufügen müssen Sie einige Optionen konfigurieren. Legen Sie zunächst einen Titel fest und geben Sie an, welchen Kanal Ihr Widget anzeigen soll. Damit dies funktioniert, muss der Kanal bereits im Reiter Einstellungen > Twitch-Status konfiguriert sein:

Konfigurieren Ihres Twitch-Widgets.

Geben Sie zweitens an, was passieren soll, wenn jemand auf die Play- Schaltfläche Ihres Widgets klickt. Die sicherste Wahl besteht darin, Benutzer auf Ihren Twitch-Kanal umzuleiten, und wir empfehlen auch, die Option In einem neuen Tab öffnen zu aktivieren. Auf diese Weise ist es wahrscheinlicher, dass Ihre Besucher zu Ihrer Website zurückkehren, sobald sie mit dem Anschauen fertig sind. Jetzt speichern wir unsere Änderungen und sehen, wie das Widget vom Frontend aus aussieht:

Ein Beispiel für ein Twitch-Widget.

Wenn Sie Ihrem Widget ein wenig mehr Flair verleihen möchten, denken Sie daran, dass Sie das Aussehen Ihrer Seitenleiste jederzeit anpassen können. Es gibt jedoch auch andere Möglichkeiten, Ihren Twitch-Status anzuzeigen – zum Beispiel über Schaltflächen.

2. Fügen Sie Ihren Twitch-Status in das Navigationsmenü von WordPress ein

Das Twitch-Status-Plugin ermöglicht es dir auch, mithilfe eines Shortcodes eine einfache Schaltfläche auf deiner Website hinzuzufügen. Es ist eine gute Idee, dies in Ihrem Navigationsmenü anzuzeigen, da es eher angeklickt wird. Leider ermöglicht WordPress Ihnen dies nicht standardmäßig, aber wir können trotzdem den gewünschten Effekt erzielen. Um zu beginnen, gehen Sie in Ihrem Dashboard zur Registerkarte Darstellung > Menü , suchen Sie nach Ihrem Hauptmenü und suchen Sie die Option Benutzerdefinierte Links :

Hinzufügen eines benutzerdefinierten Links zu Ihrem Menü.

Fügen Sie nun die Adresse Ihres Twitch-Kanals in das URL- Feld ein, sowie den Text, der neben dem Live- Button erscheinen soll. Klicken Sie auf Zum Menü hinzufügen, wenn Sie fertig sind, und scrollen Sie zum Anfang der Menüseite . Suchen Sie oben nach der Registerkarte Bildschirmoptionen und klicken Sie darauf – Sie möchten sicherstellen, dass die Option CSS-Klassen aktiviert ist:

Aktivieren der CSS-Klasseneinstellungen.

Scrollen Sie zurück nach unten und suchen Sie nach Ihrem Twitch-Menüelement, und erweitern Sie dann seine Einstellungen. Direkt unter der URL und dem Text des Links finden Sie ein neues Feld für CSS-Klassen . Fahren Sie fort und fügen Sie den .twitch- Selektor hinzu, den wir am Anfang dieses Abschnitts hinzugefügt haben:

Hinzufügen eines CSS-Selektors zu Ihrem neuen Menüelement.

Speichern Sie die Änderungen an Ihrem Menü, überprüfen Sie Ihr Frontend, um sicherzustellen, dass die Schaltfläche funktioniert:

Ein Beispiel für ein Menü, das einen Twitch-Status anzeigt.

Denken Sie daran, dass Sie Ihre Menüs mit dem WordPress-Anpasser nach Ihren Wünschen gestalten können. Spielen Sie also ruhig herum, bis Sie ein Design gefunden haben, das mit Ihrer neuen Schaltfläche gut aussieht.

3. Füge deinen Twitch-Status zum sekundären Menü von Divi hinzu

Wenn Sie Divi-Benutzer sind, kennen Sie wahrscheinlich das sekundäre Menü, mit dem Sie ein kleineres Menü über Ihrem primären erstellen können. Während sie normalerweise zum Anzeigen von Kontaktinformationen verwendet werden, eignen sie sich auch gut für die Twitch-Statustaste.

Um dies zu tun, müssen Sie erstellen und ein Menü zu der Sekundärmenü Anzeigeposition zuweisen, die Sie vom Aussehen Registerkarte Menü können:

Konfigurieren des Speicherorts für Ihr sekundäres Menü.

Fügen Sie als Nächstes einen benutzerdefinierten Link zu Ihrem Menü hinzu und wiederholen Sie den Vorgang aus dem vorherigen Abschnitt. Wenn das erledigt ist, speichern Sie Ihre Änderungen und sehen Sie, wie die Dinge im Frontend aussehen:

Ein Beispiel für ein sekundäres Menü, das einen Twitch-Status anzeigt.

Die Twitch-Statustaste selbst wird genauso groß angezeigt, unabhängig davon, in welchem ​​Menü Sie sie anzeigen möchten. Es ist eine Frage der persönlichen Vorlieben, also zögern Sie nicht, je nach Ihrem Geschmack eine der beiden Optionen zu wählen.

So betten Sie Ihren Twitch-Stream in WordPress ein

Bevor wir zum Abschluss kommen, lassen Sie uns darüber sprechen, wie Sie Ihren Live-Twitch-Stream in WordPress einbetten. Dies ist ein optionaler Schritt, aber es ist ein guter Schritt, wenn Sie möchten, dass Benutzer mehr Zeit auf Ihrer Website verbringen.

Glücklicherweise erfordert dieser Schritt keine zusätzliche Einrichtung. Wenn du das Twitch-Status-Plugin bereits eingerichtet hast, füge einfach den Shortcode [twitch-player channel=“yourchannelgoeshere“] in eine beliebige Seite oder jeden Post ein, auf der dein Stream erscheinen soll, und denke daran, deinen eigenen Kanalnamen hinzuzufügen. Überprüfen Sie nach dem Speichern Ihrer Änderungen, ob der Player im Frontend korrekt angezeigt wird:

Ein Beispiel für einen eingebetteten Twitch-Stream.

Los geht's! Jetzt kennst du mehrere Optionen, um deinen Twitch-Status anzuzeigen und wie du deinen Stream überall auf deiner Website einbetten kannst!

Abschluss

Die Anzeige Ihres Twitch-Status auf Ihrer WordPress-Website ist ein einfacher Trick, mit dem Sie mehr Zuschauer und Abonnenten gewinnen können. Außerdem können Sie Ihren Stream auch in Ihre Website einbetten, wenn Sie Besuchern mehr Möglichkeiten bieten möchten, Ihnen zu folgen. Das Beste daran ist, dass beides mit WordPress sehr einfach zu erreichen ist.

Lassen Sie uns die drei verschiedenen Möglichkeiten zusammenfassen, um Ihren Twitch-Status zu WordPress hinzuzufügen:

  1. Fügen Sie Ihren Status zur Seitenleiste Ihrer Website hinzu.
  2. Fügen Sie Ihren Status in Ihr Navigationsmenü ein.
  3. Fügen Sie Ihren Status zum sekundären Menü von Divi hinzu.

Hast du Fragen zur gemeinsamen Nutzung von Twitch und WordPress? Fragen Sie in den Kommentaren unten!

Miniaturansicht des Artikels von Rzt Moster / shutterstock.com.