Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak wyświetlić status streamu Twitcha w WordPress

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

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.

Adding Twitch in WordPress

Film poradnik

Subscribe to WPBeginner

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.

Twitch status settings

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.

Twitch widget settings

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.

Twitch widget preview

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.

Adding Twitch Link

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.

CSS classes

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.

Adding CSS class to navigation menu item in WordPress

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.

Twitch status in WordPress navigation menu

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”.

Getting embed code for your Twitch stream

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.

Twitch stream embedded into a WordPress page

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

2 komentarzeZostaw odpowiedź

  1. 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!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.