Używasz Twitcha? Jest to platforma do przesyłania strumieniowego wideo popularna wśród graczy, którzy używają jej do transmisji swojej rozgrywki. Jest również używany do streamowania wydarzeń z gier, konkursów, turniejów itp. Niedawno jeden z naszych użytkowników zapytał nas, jak mogą dodać swój status Twitch stream w WordPress. W tym artykule pokażemy, jak wyświetlić status Twitch stream w WordPress.

Adding Twitch in WordPress

Video Tutorial

Subskrybuj WPBeginner

Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę stanu Twitcha. Po aktywacji musisz odwiedzić Ustawienia ” Stan Twitcha strona konfiguracji ustawień wtyczki.

Twitch status settings

Po prostu podaj nazwę kanału Twitch, a następnie wprowadź selektory jQuery. Może to być dowolna Klasa CSS lub atrybut id elementu w kodzie HTML Twojej strony. Poinformuje wtyczkę, gdzie ma pokazać swój status twitch.

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 wpisać .twitch jako selektor jQuery i kliknij przycisk Zapisz ustawienia.

Dodawanie statusu Twitch w pasku bocznym WordPress

Wtyczka Twitch Status jest dostarczana z fajnym widżetem, który umożliwia wyświetlanie statusu Twitch stream na pasku bocznym witryny WordPress. Po prostu przejdź do Wygląd ” Widgety i dodaj widżet stanu Twitcha do paska bocznego.

Twitch widget settings

Podaj tytuł widżetu, a następnie wybierz miejsce, do którego przycisk Odtwórz ma przekierować użytkowników. Możesz dodać link do swojego strumienia Twitch, dowolny niestandardowy adres url lub stronę bloga. Nie zapomnij kliknąć przycisku Zapisz, aby zapisać ustawienia widżetu.

Możesz teraz odwiedzić swoją witrynę, aby zobaczyć widżet w akcji.

Twitch widget preview

Dodawanie statusu Twitch w menu nawigacyjnym WordPress

Możesz także dodać swój status Twitch stream w menu nawigacyjnym swojej witryny. Odwiedź Wygląd ” Menu stronę i kliknij na zakładkę custom link, aby ją rozwinąć. Musisz wprowadzić adres URL strumienia twitch z Twitch jako tekstem linku,a następnie kliknąć przycisk Dodaj do menu.

Adding Twitch Link

Spowoduje to dodanie elementu menu w prawej kolumnie. Teraz musisz kliknąć przycisk Opcje ekranu w prawym górnym rogu ekranu. Spowoduje to obniżenie menu, w którym musisz zaznaczyć pole obok klas CSS.

CSS classes

Teraz przewiń w dół do pozycji menu i kliknij na nią, aby rozwinąć i wyświetlić jego właściwości. Musisz wejść .twitch lub cokolwiek jQuery selector dodałeś w ustawieniach wtyczki. Na koniec kliknij przycisk Zapisz menu.

Adding CSS class to navigation menu item in WordPress

To wszystko, teraz możesz odwiedzić swoją witrynę, aby zobaczyć status Twitch stream w menu nawigacyjnym. Aby rozwiązać problem, zapoznaj się z naszym przewodnikiem dotyczącym dodawania menu nawigacji w WordPress.

Twitch status in WordPress navigation menu

Osadzanie strumienia Twitch w WordPress

W przeciwieństwie do YouTube, Vimeo i innych popularnych witryn wideo, które mają wbudowaną integrację oEmbed z WordPress, Twitch wymaga wklejenia kodu osadzania.

Po prostu odwiedź swoją transmisję na Twitchu i kliknij 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 post lub stronę w WordPress, na której chcesz osadzić strumień Twitch i wklej kod osadzania w edytorze postów. Następnie kliknij przycisk Publikuj lub Aktualizuj.

Możesz teraz odwiedzić swoją witrynę, aby zobaczyć strumień Twitch osadzony w Twoim poście lub stronie WordPress.

Twitch stream embedded into a WordPress page

Mamy nadzieję, że ten artykuł pomógł Ci dodać Status Twitch stream do swojej witryny WordPress. Możesz również zobaczyć naszą listę najbardziej przydatnych widżetów WordPress dla Twojej witryny.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…