Använder du Twitch? Det är en plattform för streaming av videoklipp som är populär bland spelare som använder den för att sända sina spel. Den används också för att streama spelevenemang, tävlingar, turneringar etc. Nyligen frågade en av våra användare oss hur de kan add to sin Twitch streaming status i WordPress. I den här artikeln kommer vi att visa dig hur du visar status för Twitch-streaming i WordPress.
Tutorial för video
Om du inte gillar videoklippet eller behöver fler instruktioner, fortsätt då att läsa.
Det första du behöver göra är att installera och aktivera Twitch Status plugin. När du har aktiverat måste du besöka Settings ” Twitch Status page för att konfigurera plugin-inställningarna.
Ange helt enkelt ditt Twitch-kanalnamn och enter sedan jQuery-selektorer. Detta kan vara vilken CSS-klass eller id-attribut som helst för ett element i HTML-koden på din page. Det kommer att tala om för pluginet var du ska visa din twitch status.
Om du inte vet vad det betyder, oroa dig inte, vi kommer att visa dig hur du gör det senare i artikeln. Just nu kan du helt enkelt enter .twitch
som din jQuery-väljare och klicka på knappen save settings.
Lägga till Twitch Status i WordPress Sidebar
Twitch Status plugin kommer med en snygg widget som allow you att visa din Twitch streaming status i sidebaren på din WordPress webbplats. Gå bara till Appearance ” Widgets och add Twitch Status widget till ett sidebar.
Ange en Rubrik för widgeten och välj sedan var play-knappen ska redirecta användarna till. You can add a link to your Twitch stream, any custom url, or a blog page. Glöm inte att clicka på knappen save för att store dina inställningar för widgetar.
You can now visit your website to see the widget in action.
Lägga till Twitch Status i WordPress Navigation Menu
Du kan också add to din Twitch streaming status i din sites navigation menyer. Besök sidan Customize ” Menus och klicka på tabben custom link för att förstora den. Du måste enter din twitch stream URL med Twitch som länktext och sedan klicka på knappen Lägg till i menyn.
Detta kommer att lägga till ett menu item i den högra kolumnen. Nu måste du klicka på knappen Screen Options högst upp till höger på skärmen. Det kommer att ta ner en meny där du måste kontrollera boxen bredvid CSS-klasser.
Rulla nu ner till menu-item och klicka på det för att förstora och visa dess egenskaper. Du måste enter .twitch eller vilken jQuery-väljare du än har lagt till i plugin-inställningarna. Klicka slutligen på knappen save menu.
Det är all, du kan nu besöka din website för att se Twitch streaming status i din navigation menu. För felsökning se vår guide om hur du lägger till navigationsmenyer i WordPress.
Embedda din Twitch-streaming i WordPress
Till skillnad från YouTube, Vimeo och andra populära webbplatser för videoklipp som har built-in oEmbed-integration med WordPress, kräver Twitch att du faktiskt klistrar in inbäddningskoden.
Besök helt enkelt din Twitch-streaming och klicka på delningsknappen. Detta kommer att ta upp popupen för delning där du måste kopiera koden under alternativet ”Embed Live Player”.
Edit inlägget eller sidan i WordPress där du vill bädda in Twitch-streamen och klistra in inbäddningskoden i postredigeraren. Klicka sedan på knappen Publicera eller Update.
Du kan nu besöka din website för att se Twitch-streamen embedad i ditt WordPress post eller page.
Vi hoppas att den här artikeln hjälpte dig add Twitch stream status till din WordPress site. Du kanske också vill se vår lista över de mest användbara widgetarna för WordPress för din site.
Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress video tutorials. Du kan också hitta oss på Twitter och Facebook.
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.