Jak dodać swój status Twitch do WordPress?

Jeśli lubisz streamować na Twitchu, Twoim głównym celem jest prawdopodobnie uzyskanie jak największej liczby wyświetleń (i subskrybentów). Możesz to zrobić, korzystając ze swoich kont w mediach społecznościowych, aby poinformować ludzi, kiedy będziesz włączony, ale co, jeśli masz również witrynę WordPress z własną publicznością?

Na szczęście WordPress umożliwia wyświetlanie statusu Twitcha w Twojej witrynie. Nie jest to domyślna funkcja, ale bardzo łatwo ją dodać. W tym artykule porozmawiamy o tym, dlaczego powinieneś wyświetlać swój status Twitch na WordPressie i nauczymy Cię, jak to zrobić na trzy różne sposoby. Zacznijmy!

Dlaczego powinieneś dodać swój status Twitch do WordPress

Jako streamer Twoim głównym celem powinno być skupienie jak największej liczby oczu na swoich streamach.

Dla niewtajemniczonych Twitch to platforma, która umożliwia każdemu strumieniowanie podczas grania w gry wideo. Według ich własnych statystyk, ponad 100 milionów ludzi ogląda swoich ulubionych streamerów każdy miesiąc. Jeśli masz nadzieję na zdobycie publiczności, chcesz, aby ludzie wiedzieli, kiedy transmitujesz, a wyświetlanie swojego statusu to doskonały sposób na zrobienie tego.

Dodanie swojego statusu Twitch do WordPressa jest bardzo prostą poprawką, ale jeśli masz wbudowaną publiczność, może to pomóc Ci przyjrzeć się Twojemu strumieniowi. Po dodaniu własnego przycisku ludzie będą mogli go kliknąć i uzyskać do niego dostęp bezpośrednio z Twojej witryny.

Co więcej, możesz także osadzić swój strumień Twitch w swojej witrynie WordPress. To szybki proces, który nie powinien zająć Ci więcej niż kilka minut, a przeprowadzimy Cię przez niego, gdy skończymy rozmawiać o Twoim statusie na Twitchu.

Przedstawiamy wtyczkę stanu Twitcha

Wtyczka Twitch Status jest niezwykle prosta. Umożliwia dodanie prostego przycisku stanu Twitcha do paska nawigacyjnego WordPress, który informuje odwiedzających, czy jesteś na żywo, czy offline.

Jeśli chcesz urozmaicić, możesz również wyświetlić widżet zawierający informacje o grze, w którą grasz, a nawet miniaturową wersję swojego strumienia.

Należy pamiętać, że chociaż wtyczka nie była od jakiegoś czasu aktualizowana, oferowana przez nią funkcjonalność jest dość prosta. Podczas naszych testów z Divi nie napotkaliśmy żadnych problemów, a wielu użytkowników jest zadowolonych z jego działania.

Kluczowe cechy:

• Wyświetla Twój status Twitch w witrynie WordPress.
• Udostępnia przycisk lub widżet do wyświetlania stanu strumienia.
• Pozwala dostosować widżet za pomocą CSS
• Aktualizuje się automatycznie co 30 sekund, aby wyświetlić zmiany w Twoim statusie.

Cena: za darmo | Więcej informacji

Jak dodać swój status Twitch do WordPressa (na 3 sposoby)

Aby rozpocząć, musisz zainstalować i aktywować wtyczkę Twitch Status, a następnie przejść do zakładki Ustawienia > Stan Twitcha na pulpicie WordPress:

Tutaj wpiszesz nazwę swojego kanału Twitch w odpowiednim polu i zapiszesz swoje zmiany. Następnie dodaj klasę .twitch do pola selektorów jQuery – przyda się za chwilę. Teraz będziesz chciał wybrać odpowiednią metodę wyświetlania swojego strumienia.

1. Dodaj swój status Twitcha do paska bocznego WordPress

Jeśli przejdziesz do zakładki Wygląd > Widżety na pulpicie nawigacyjnym, powinieneś znaleźć nowy widżet stanu Twitcha. Podobnie jak w przypadku wszystkich innych widżetów WordPress, możesz przeciągnąć go i upuścić na pasku bocznym lub w obszarach stopki. Zalecamy pasek boczny jako najbardziej logiczną opcję, ponieważ jest bardziej widoczny. Przeciągnij widżet stanu Twitcha na pasek boczny i w razie potrzeby zmień jego kolejność.

Po dodaniu będziesz musiał skonfigurować kilka opcji. Najpierw ustaw tytuł i wskaż kanał, który chcesz wyświetlić w widżecie. Aby to zadziałało, kanał musi być już skonfigurowany w zakładce Ustawienia > Stan Twitcha :

Po drugie, wskaż, co powinno się stać, gdy ktoś kliknie przycisk Odtwórz w widżecie. Najbezpieczniejszym wyborem jest przekierowanie użytkowników na Twój kanał Twitch. Zalecamy również włączenie opcji Otwórz w nowej karcie . W ten sposób użytkownicy mogą z większym prawdopodobieństwem wrócić do Twojej witryny po zakończeniu oglądania. Zapiszmy teraz nasze zmiany i zobaczmy, jak widżet wygląda od strony frontendu:

Jeśli chcesz dodać nieco więcej stylu do swojego widżetu, pamiętaj, że zawsze możesz dostosować wygląd paska bocznego. Istnieją jednak inne sposoby wyświetlania swojego statusu na Twitchu – na przykład za pomocą przycisków.

2. Dołącz swój status Twitcha do menu nawigacyjnego WordPressa

Wtyczka Twitch Status umożliwia również dodanie prostego przycisku w witrynie za pomocą krótkiego kodu. Dobrym pomysłem jest wyświetlenie go w menu nawigacyjnym, ponieważ jest bardziej prawdopodobne, że zostanie kliknięty. Niestety WordPress domyślnie nie pozwala na to, ale nadal możemy uzyskać pożądany efekt. Aby rozpocząć, przejdź do karty Wygląd > Menu na pulpicie nawigacyjnym, poszukaj menu głównego i znajdź opcję Linki niestandardowe :

Teraz dodaj adres swojego kanału Twitch do pola adresu URL , a także tekst, który powinien pojawić się obok przycisku Na żywo . Po zakończeniu kliknij Dodaj do menu i przewiń do góry strony Menu . Poszukaj zakładki Opcje ekranu u góry i kliknij ją – chcesz się upewnić, że opcja Klasy CSS jest włączona:

Przewiń w dół i poszukaj elementu menu Twitcha, a następnie rozwiń jego ustawienia. Pod adresem URL i tekstem linku znajduje się nowe pole Klasy CSS . Śmiało i dodaj selektor .twitch , który dodaliśmy na początku tej sekcji:

Zapisz zmiany w menu, sprawdź swój interfejs, aby upewnić się, że przycisk działa:

Pamiętaj, że możesz dostosować swoje menu do własnych upodobań, korzystając z dostosowywania WordPress, więc możesz bawić się, dopóki nie znajdziesz projektu, który będzie dobrze wyglądał z nowym przyciskiem.

3. Dodaj swój status Twitch do dodatkowego menu Divi

Jeśli jesteś użytkownikiem Divi, prawdopodobnie znasz jego menu dodatkowe, które pozwala utworzyć mniejsze menu nad głównym. Chociaż zwykle służą do wyświetlania informacji kontaktowych, dobrze pasują również do przycisku stanu Twitcha.

Aby to zrobić, musisz utworzyć i przypisać menu do lokalizacji wyświetlania menu drugorzędnego , co możesz zrobić na karcie Wygląd menu :

Następnie dodaj niestandardowy link do swojego menu i powtórz proces z poprzedniej sekcji. Gdy to zrobisz, zapisz zmiany i zobacz, jak wyglądają z interfejsu:

Sam przycisk stanu Twitch będzie wyglądał tak samo duży, niezależnie od tego, w którym menu zdecydujesz się go wyświetlić. To kwestia osobistych preferencji, więc możesz wybrać dowolną opcję w zależności od gustu.

Jak osadzić swój strumień Twitch w WordPress

Zanim zakończymy, porozmawiajmy o tym, jak osadzić transmisję na żywo z Twitcha w WordPressie. Jest to krok opcjonalny, ale jest dobrym posunięciem, jeśli chcesz, aby użytkownicy spędzali więcej czasu w Twojej witrynie.

Na szczęście ten krok nie wymaga dodatkowej konfiguracji. Jeśli masz już skonfigurowaną wtyczkę statusu Twitcha, po prostu wklej krótki kod [twitch-player channel=”yourchannelgoehere”] do dowolnej strony lub postu, w którym ma się pojawiać Twój strumień, pamiętając o dodaniu własnej nazwy kanału. Po zapisaniu zmian sprawdź, czy odtwarzacz wyświetla się poprawnie w interfejsie:

Proszę bardzo! Teraz wiesz o wielu opcjach wyświetlania swojego statusu na Twitchu i o tym, jak umieścić swój strumień w dowolnym miejscu na swojej stronie!

Wniosek

Wyświetlanie swojego statusu Twitch w witrynie WordPress to prosta sztuczka, dzięki której możesz zdobyć więcej widzów i subskrybentów. Dodatkowo możesz również umieścić swój strumień w swojej witrynie, jeśli chcesz dać odwiedzającym więcej możliwości obserwowania Ciebie. Najlepsze jest to, że osiągnięcie obu za pomocą WordPressa jest bardzo proste.

Podsumujmy trzy różne sposoby dodania statusu Twitcha do WordPressa:

1. Dodaj swój status do paska bocznego witryny.
2. Dołącz swój status do menu nawigacyjnego.
3. Dodaj swój status do dodatkowego menu Divi.

Masz pytania dotyczące wspólnego korzystania z Twitcha i WordPressa? Zapytaj w sekcji komentarzy poniżej!

Obraz miniatury artykułu autorstwa Rzt Moster / shutterstock.com.