Volete aggiungere un widget per il lettore musicale audio in WordPress?
Un lettore musicale è un ottimo modo per condividere con il pubblico canzoni, podcast, interviste e altri file audio. Questo può contribuire a creare un’esperienza più interessante e coinvolgente sul vostro sito.
In questo articolo vi mostreremo come aggiungere un lettore musicale audio in WordPress.
Perché aggiungere un widget per il lettore musicale audio in WordPress
Un lettore musicale consente ai visitatori di ascoltare l’audio direttamente sul vostro sito WordPress.
Se siete un podcaster o un musicista, la presenza di audio sul vostro sito può mantenere i vostri visitatori e fan aggiornati sul vostro lavoro.
Può anche incoraggiare le persone a visitare direttamente il vostro sito web piuttosto che riprodurre l’audio su altre piattaforme. Una volta che queste persone sono sul vostro sito, potreste essere in grado di guadagnare di più mostrando annunci sul vostro blog WordPress o vendendo il file audio come download digitale.
Anche se non create audio originale, incorporare contenuti da piattaforme di terze parti come Spotify è un modo semplice per creare un sito web più coinvolgente. Questo può trattenere i visitatori sul vostro sito più a lungo e rendere l’esperienza più divertente.
Detto questo, vediamo come aggiungere un lettore musicale audio in WordPress. Utilizzate i link rapidi qui sotto per passare direttamente al metodo che desiderate utilizzare.
- Metodo 1. Come aggiungere un widget lettore musicale audio utilizzando il blocco Audio (facile)
- Metodo 2. Come aggiungere un widget per il lettore musicale audio utilizzando un plugin (più personalizzabile)
Metodo 1. Come aggiungere un widget lettore musicale audio utilizzando il blocco audio (facile)
Con questo metodo è possibile creare un semplice lettore musicale audio utilizzando il blocco Audio di WordPress. È possibile utilizzare il blocco per riprodurre qualsiasi file .mp3, .m4a, .ogg o .wav.
Il lettore audio è molto semplice rispetto alla maggior parte dei plugin di riproduzione audio. È dotato di un pulsante di riproduzione/pausa, di controlli del volume, di un pulsante di download e di un pulsante per modificare la velocità di riproduzione.
Il blocco Audio integrato è una buona scelta se si desidera aggiungere qualche breve clip audio al sito e non si ha bisogno di funzioni avanzate.
Se si incorpora il contenuto di una piattaforma di terze parti supportata, come Spotify o SoundCloud, il blocco Audio mostrerà i controlli di riproduzione di quella piattaforma. Può anche mostrare alcuni contenuti extra della piattaforma, come il nome dell’artista e l’immagine di copertina.
Ad esempio, ecco un blocco Audio con contenuto SoundCloud incorporato.
Per aggiungere un semplice lettore musicale audio al vostro sito WordPress, aprite una pagina o un post qualsiasi. Quindi, fate clic sull’icona +.
Nel popup che appare, digitare “Audio” per trovare il blocco giusto. È quindi sufficiente fare clic sul blocco Audio per aggiungerlo alla pagina.
A questo punto è possibile aggiungere un file audio o incorporare un clip audio da un’altra piattaforma.
Nota: nella maggior parte dei casi consigliamo di ospitare i file audio e video su un sito di terze parti per molte ragioni, tra cui l’ottimizzazione della qualità e il risparmio di larghezza di banda. Ecco perché non dovreste mai caricare un video su WordPress.
Per aggiungere un file audio dal proprio computer, fare clic su “Carica” e poi scegliere il file che si desidera utilizzare. Un’altra opzione è quella di cliccare su “Libreria multimediale” e scegliere un file dalla libreria multimediale di WordPress.
Se caricate l’audio completo, potreste dare ai visitatori la possibilità di sostenere il vostro lavoro di musicista o podcaster inviando una donazione. Per una guida passo passo, consultate la nostra guida su come aggiungere un pulsante di donazione Stripe in WordPress.
Volete invece incorporare l’audio da un’altra piattaforma?
È simile al modo in cui si incorporano i video in WordPress: basta incollare l’URL di un video di YouTube e WordPress lo incorpora automaticamente.
Tenete presente che la maggior parte delle piattaforme incorpora solo un’anteprima del file audio completo. Il blocco può persino incoraggiare le persone a lasciare il vostro sito web e a visitare la piattaforma di terze parti per ascoltare l’audio completo.
Nell’immagine seguente, il blocco Audio guida i visitatori verso il sito web di Spotify.
Se siete un musicista, questo potrebbe aumentare le vostre royalties incoraggiando i visitatori a riprodurre i vostri contenuti su altre piattaforme. Tuttavia, può anche allontanare le persone dal vostro sito web e portarle sulle altre piattaforme.
Per incorporare l’audio da una piattaforma di terze parti, iniziare facendo clic su “Inserisci da URL”.
Si apre una piccola barra “Incolla o digita URL”.
A questo punto è possibile inserire l’URL del clip audio che si desidera incorporare nel proprio blog WordPress.
In genere, è sufficiente visitare il brano o l’audio che si desidera incorporare, quindi aprire le impostazioni di “condivisione”.
Successivamente, è possibile copiare l’URL fornito.
A titolo di esempio, vediamo come incorporare un qualsiasi brano di Spotify nel vostro sito. Per iniziare, trovate il brano o la playlist che volete aggiungere al vostro sito WordPress.
Quindi, basta cliccare sui tre puntini che Spotify mostra accanto alla playlist o al brano.
Una volta fatto ciò, fare clic su Condividi ” Copia il link del brano.
Per aggiungere l’audio a un widget del lettore musicale, basta incollare il link nel blocco Audio.
Nel nostro esempio di Spotify, WordPress trasformerà il blocco Audio in un blocco Spotify. Questa modifica avviene automaticamente, quindi non è un problema di cui preoccuparsi.
Dopo aver aggiunto un file audio, si può fare clic sul blocco Audio per vedere quali impostazioni si possono configurare per quel blocco.
Le impostazioni visualizzate possono variare a seconda che si sia caricato un file audio o si sia incorporata un’anteprima da un sito di terze parti. Ad esempio, spesso è possibile impostare l’audio in riproduzione automatica facendo clic sulla levetta “Autoplay”.
La maggior parte di queste impostazioni si spiega da sé, ma è bene dedicare un po’ di tempo a provare le diverse impostazioni per capire quale funziona meglio per il vostro sito.
Quando si è soddisfatti della configurazione del blocco, si può aggiornare o pubblicare la pagina.
Ora, se si visita la pagina sul proprio sito, si vedrà il lettore musicale audio dal vivo. È anche possibile ascoltare l’audio utilizzando i pulsanti di controllo della riproduzione del blocco.
Metodo 2. Come aggiungere un widget lettore musicale audio utilizzando un plugin (più personalizzabile)
Il blocco audio integrato di WordPress è un modo semplice e veloce per creare un semplice lettore audio. Tuttavia, ha i suoi limiti, soprattutto quando si tratta di personalizzare il lettore e l’esperienza di riproduzione.
Inoltre, non esiste un luogo centrale in cui gestire i lettori audio. Ciò significa che non è possibile utilizzare lo stesso player più volte nel sito.
Se si desiderano funzioni più avanzate e lettori audio riutilizzabili, si consiglia Html5 Audio Player. Questo plugin può riprodurre qualsiasi file mp3, .wav o .ogg.
Il plugin può riprodurre un solo file audio per lettore. Tuttavia, è possibile creare tutti i lettori audio che si desidera, in modo da poter riprodurre molti brani diversi sul sito.
È anche possibile aggiungere più lettori audio alla stessa pagina.
Per prima cosa, è necessario installare e attivare il plugin. Se avete bisogno di aiuto, consultate la nostra guida su come installare un plugin di WordPress.
Dopo l’attivazione, siete pronti a costruire il vostro primo lettore audio andando su Html5 Audio Player ” Html5 Audio Player.
A questo punto, fare clic sul pulsante “Aggiungi lettore audio”.
Per iniziare, digitare un nome per il lettore audio nel campo “Aggiungi titolo”.
Questo è solo un riferimento, quindi potete usare il titolo che volete.
Una volta fatto ciò, scorrere fino alla sezione “Configurazione del giocatore”.
Qui è possibile aggiungere un file audio al lettore facendo clic sul pulsante “Aggiungi audio”.
È ora possibile selezionare qualsiasi file audio dalla libreria multimediale o caricare un file dal proprio computer.
Dopo aver scelto un file, si è pronti a personalizzare il lettore audio. Per impostazione predefinita, il visitatore deve solo fare clic sul pulsante Play e l’audio inizierà a essere riprodotto con il volume già alzato.
Questo è il modo in cui la maggior parte dei visitatori si aspetta che si comporti un lettore audio, quindi in genere si desidera utilizzare queste impostazioni predefinite.
Ci sono anche opzioni per disattivare l’audio per impostazione predefinita, per la riproduzione automatica, per la ripetizione e altro ancora.
Una volta soddisfatti della configurazione del lettore, è sufficiente scorrere fino alla parte superiore dello schermo e fare clic sul pulsante “Salva”.
Quindi è possibile aggiungere il lettore audio al sito utilizzando uno shortcode o il blocco HTML5 Audio Player.
Il blocco è il metodo più semplice. Tuttavia, se si desidera inserire il lettore tramite shortcode, il codice si trova nella parte superiore della schermata.
Per maggiori dettagli su come inserire lo shortcode, potete consultare la nostra guida su come aggiungere uno shortcode in WordPress.
Per aggiungere il lettore musicale audio utilizzando un blocco, aprire una pagina o un post qualsiasi. A questo punto è possibile fare clic sul pulsante +.
Nel popup che appare, digitare ‘HTML5 Audio Player’ per trovare il blocco giusto. Una volta fatto clic sul blocco ‘HTML5 Audio Player – Insert’, il blocco verrà aggiunto alla pagina.
Quindi, aprire il menu a tendina “Seleziona un lettore” per visualizzare un elenco di tutti i lettori audio creati.
È ora possibile fare clic su un lettore audio per aggiungerlo alla pagina o al post.
L’editor di pagina di WordPress non mostra il lettore audio.
Tuttavia, se fate clic sul pulsante Anteprima, potrete vedere come il lettore apparirà alle persone che visitano il vostro sito web. È anche possibile ascoltare l’audio e testare i diversi pulsanti di riproduzione.
Quando si è soddisfatti dell’aspetto e del funzionamento del lettore audio, si può aggiornare o pubblicare la pagina.
Ora, se visitate questa pagina sul vostro sito WordPress, vedrete il lettore audio dal vivo.
Volete aggiungere altre tracce audio al vostro sito? Allora potete semplicemente seguire la procedura descritta sopra per creare altri lettori audio e aggiungerli al vostro sito WordPress.
Speriamo che questo articolo vi abbia aiutato a capire come aggiungere un widget per il lettore audio in WordPress. Potete anche consultare la nostra guida sul miglior software di notifica push per il web e su come creare una newsletter via e-mail.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e 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!
Diao says
I have a question. How to auto play the song in this widget?
TiBs says
this is cool, but how to have the music plays in background from the start?
WPBeginner Staff says
Please see this article, it explains what kind of plugins should be considered abandoned or outdated.
Brian Visagie says
Thank you for responding.
Brian Visagie says
Hi, I subscribe to WPBeginner
and appreciate your input to the WordPress community – I regard it as
invaluable.
How is it then that you, sir, in the present unsafe and hacker
infested internet environment, recommend plugins (a widget in this case), that
are not up to date?
I get scores of bruteforce attacks everyday on my
websites and I regard the use and recommendation of out-dated plugins as
irresponsible.