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

Hur man displayed Twitch streaming status i WordPress

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.

Adding Twitch in WordPress

Tutorial för video

Subscribe to WPBeginner

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.

Twitch status settings

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.

Twitch widget settings

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.

Twitch widget preview

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.

Adding Twitch Link

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.

CSS classes

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.

Adding CSS class to navigation menu item in WordPress

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.

Twitch status in WordPress navigation menu

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

Getting embed code for your Twitch stream

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.

Twitch stream embedded into a WordPress 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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

1 kommentarLämna ett svar

  1. Bigwas

    I hope it is a free plugin. I have to check it out.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.