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

Come visualizzare lo stato dello streaming di Twitch in WordPress

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Utilizzate Twitch? È una piattaforma di streaming video popolare tra i giocatori che la usano per trasmettere i loro giochi. Viene anche utilizzata per trasmettere eventi di gioco, competizioni, tornei, ecc. Recentemente, uno dei nostri utenti ci ha chiesto come poter aggiungere il proprio stato di streaming su Twitch in WordPress. In questo articolo, vi mostreremo come visualizzare lo stato dello stream di Twitch in WordPress.

Adding Twitch in WordPress

Video tutorial

Subscribe to WPBeginner

Se il video non vi piace o avete bisogno di ulteriori istruzioni, continuate a leggere.

La prima cosa da fare è installare e attivare il plugin Twitch Status. Dopo l’attivazione, è necessario visitare la pagina Impostazioni ” Twitch Status per configurare le impostazioni del plugin.

Twitch status settings

È sufficiente indicare il nome del canale Twitch e poi inserire i selettori jQuery. Questi possono essere qualsiasi classe CSS o attributo id di un elemento nel codice HTML della pagina. Questo indicherà al plugin dove mostrare il vostro stato di Twitch.

Se non sapete cosa significa, non preoccupatevi, vi mostreremo come farlo più avanti nell’articolo. In questo momento potete semplicemente inserire .twitch come selettore jQuery e fare clic sul pulsante Salva impostazioni.

Aggiungere lo stato di Twitch nella barra laterale di WordPress

Il plugin Twitch Status è dotato di un pratico widget che consente di visualizzare lo stato dello stream di Twitch nella barra laterale del vostro sito WordPress. Basta andare su Aspetto ” Widget e aggiungere il widget Twitch Status alla barra laterale.

Twitch widget settings

Fornite un titolo al widget e selezionate il punto in cui il pulsante di riproduzione deve reindirizzare gli utenti. È possibile aggiungere un link al proprio stream Twitch, a qualsiasi url personalizzato o a una pagina del blog. Non dimenticate di cliccare sul pulsante Salva per salvare le impostazioni del widget.

Ora è possibile visitare il proprio sito web per vedere il widget in azione.

Twitch widget preview

Aggiunta dello stato di Twitch nel menu di navigazione di WordPress

Potete aggiungere lo stato del vostro stream Twitch anche nei menu di navigazione del vostro sito. Visitate la pagina Aspetto ” Menu e fate clic sulla scheda Collegamento personalizzato per espanderla. Dovete inserire l’URL del vostro stream Twitch con Twitch come testo del link e poi fare clic sul pulsante Aggiungi al menu.

Adding Twitch Link

In questo modo verrà aggiunta una voce di menu nella colonna di destra. Ora è necessario fare clic sul pulsante Opzioni schermo nell’angolo in alto a destra dello schermo. Verrà visualizzato un menu in cui è necessario selezionare la casella accanto alle classi CSS.

CSS classes

Ora scorrete fino alla voce di menu e fate clic su di essa per espanderla e visualizzarne le proprietà. È necessario inserire .twitch o il selettore jQuery aggiunto nelle impostazioni del plugin. Infine, fare clic sul pulsante Salva del menu.

Adding CSS class to navigation menu item in WordPress

È tutto, ora potete visitare il vostro sito web per vedere lo stato dello stream di Twitch nel vostro menu di navigazione. Per la risoluzione dei problemi, consultate la nostra guida su come aggiungere menu di navigazione in WordPress.

Twitch status in WordPress navigation menu

Incorporare lo streaming di Twitch in WordPress

A differenza di YouTube, Vimeo e altri siti di video popolari che hanno un’integrazione oEmbed integrata con WordPress, Twitch richiede di incollare il codice embed.

È sufficiente visitare il vostro stream di Twitch e fare clic sul pulsante Condividi. Si aprirà il popup di condivisione in cui è necessario copiare il codice sotto l’opzione “Embed Live Player”.

Getting embed code for your Twitch stream

Modificare il post o la pagina di WordPress in cui si desidera incorporare lo stream di Twitch e incollare il codice di incorporamento nell’editor del post. Quindi fare clic sul pulsante Pubblica o Aggiorna.

Ora è possibile visitare il proprio sito web per vedere lo stream di Twitch incorporato nel post o nella pagina di WordPress.

Twitch stream embedded into a WordPress page

Speriamo che questo articolo vi abbia aiutato ad aggiungere lo stato dello stream di Twitch al vostro sito WordPress. Potreste anche voler consultare il nostro elenco dei widget WordPress più utili per il vostro sito.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per i video tutorial su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

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.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

2 commentiLascia una risposta

  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!

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.