Czy korzystasz z Twitcha? Jest to platforma do strumieniowego przesyłania filmów popularna wśród graczy, którzy używają jej do transmitowania swojej rozgrywki. Jest również używana do streamowania wydarzeń gamingowych, konkursów, turniejów itp. Niedawno jeden z naszych użytkowników zapytał nas, w jaki sposób może dodać status swojego streamu z Twitcha w WordPressie. W tym artykule pokażemy, jak wyświetlić status strumienia Twitch w WordPress.
Film poradnik
Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, czytaj dalej.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Twitch Status. Po włączaniu należy przejść na stronę Ustawienia „ Status Twitcha, aby skonfigurować ustawienia wtyczki.
Wystarczy podać twoją nazwę kanału Twitch, a następnie wpisz selektory jQuery. Może to być dowolna klasa CSS lub atrybut id elementu w kodzie HTML twojej strony. Poinformuje to wtyczkę, gdzie pokazać twój status na Twitchu.
Jeśli nie wiesz, co to oznacza, nie martw się, pokażemy ci, jak to zrobić w dalszej części artykułu. Teraz możesz po prostu wpisz .twitch
jako twój selektor jQuery i kliknij przycisk Zapisz ustawienia.
Dodawanie statusu Twitcha w panelu bocznym WordPressa
Wtyczka Twitch Status zawiera sprytny widżet, który pozwala wyświetlać twój status streamu Twitcha na panelu bocznym witryny WordPress. Wystarczy przejść do Wygląd ” Widżety i dodać widżet Status Twitcha do panelu bocznego.
Podaj tytuł widżetu, a następnie wybierz miejsce, do którego przycisk odtwarzania ma przekierowywać użytkowników. Możesz dodać odnośnik do twojego streamu Twitch, dowolnego własnego adresu url lub strony bloga. Nie zapomnij kliknąć przycisku Zapisz, aby zapisać ustawienia twojego widżetu.
Teraz możesz przejść na twoją witrynę internetową, aby zobaczyć widżet w działaniu.
Dodawanie statusu Twitcha w menu nawigacyjnym WordPress
Możesz również dodać status swojego streamu z Twitcha w menu nawigacyjnym witryny. Przejdź na stronę Wygląd ” Menu i kliknij kartę własnego odnośnika, aby ją rozwinąć. Musisz wpisz adres URL twojej transmisji z Twitcha jako odnośnik, a następnie kliknij przycisk Dodaj do menu.
Spowoduje to dodanie pozycji menu w prawej kolumnie. Teraz należy kliknąć przycisk Opcje ekranu w prawym górnym rogu ekranu. Spowoduje to wyświetlenie menu, w którym należy zaznaczyć pole obok klas CSS.
Teraz przewiń w dół do pozycji menu i kliknij ją, aby rozwinąć i wyświetlić jej właściwości. Musisz wpisz .twitch lub jakikolwiek selektor jQuery, który dodałeś w ustawieniach wtyczki. Na koniec kliknij przycisk Zapisz menu.
To wszystko, możesz teraz przejść na swoją witrynę internetową, aby zobaczyć status strumienia Twitch w menu nawigacyjnym. Aby uzyskać informacje na temat rozwiązywania problemów, zapoznaj się z naszym przewodnikiem na temat dodawania menu nawigacyjnych w WordPress.
Osadzanie twojego streamu z Twitcha w WordPressie
W przeciwieństwie do YouTube, Vimeo i innych popularnych witryn z filmami, które mają wbudowaną integrację oEmbed z WordPressem, Twitch wymaga wklejenia kodu osadzania.
Wystarczy przejść na twój stream z Twitcha i kliknąć przycisk Udostępnij. Spowoduje to wyświetlenie wyskakującego okienka udostępniania, w którym należy skopiować kod w opcji „Osadzanie odtwarzacza na żywo”.
Edytuj wpis lub stronę w WordPressie, na której chcesz osadzać stream Twitcha i wklej kod osadzania w edytorze wpisów. Następnie kliknij przycisk publikowania lub aktualizacji.
Możesz teraz przejść na swoją witrynę internetową, aby zobaczyć strumień Twitch osadzany w twoim wpisie lub stronie WordPress.
Mamy nadzieję, że ten artykuł pomógł ci dodać status streamu Twitcha do twojej witryny WordPress. Możesz również zapoznać się z naszą listą najbardziej przydatnych widżetów WordPress dla twojej witryny.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć poradniki dotyczące filmów WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Syed Balkhi says
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 says
I hope it is a free plugin. I have to check it out.