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 incorporare SoundCloud negli articoli di WordPress utilizzando oEmbed

Ammettiamolo: a volte il testo da solo non basta a catturare e trattenere l’interesse del visitatore.

E se poteste condividere facilmente la vostra musica preferita o anche le vostre canzoni e i vostri podcast direttamente sul vostro blog WordPress? Ebbene, è possibile! Se siete utenti di SoundCloud, potete facilmente incorporare clip audio, playlist, podcast e seminari registrati sul vostro sito web WordPress.

In questa guida per principianti, vi insegneremo come aggiungere un po’ di audio alle vostre pagine e alle vostre pubblicazioni. Vediamo come aggiungere l’audio di SoundCloud al vostro sito web utilizzando una caratteristica chiamata oEmbed.

How to Embed SoundCloud in Your WordPress Posts by using oEmbed

Perché incorporare l’audio di SoundCloud in WordPress?

SoundCloud è una popolare piattaforma di hosting di musica e podcast che consente di caricare gratuitamente fino a 3 ore di audio.

Quando si pubblica un audio su SoundCloud, tutti i file vengono memorizzati sui loro server e trasmessi in streaming alle persone che visitano la vostra pagina SoundCloud. Tuttavia, spesso è possibile aumentare il traffico del blog rendendo l’audio disponibile anche sul proprio sito web.

La buona notizia è che potete aggiungere qualsiasi file audio di SoundCloud al vostro sito web WordPress utilizzando il suo URL, grazie a una caratteristica chiamata oEmbed.

Il modo in cui si effettua l’oggetto incorporato di SoundCloud nei propri articoli dipende dall’editore WordPress utilizzato. Fate clic sui collegamenti rapidi qui sotto per passare al metodo più adatto alle vostre esigenze:

Metodo 1: Oggetto incorporato di SoundCloud in WordPress utilizzando l’editor a blocchi

WordPress ha diversi blocchi integrati che permettono di incorporare PDF, video di TikTok e una tonnellata di altri contenuti. Ha anche un blocco SoundCloud che permette di incorporare file audio senza installare un plugin separato.

Ancora meglio, se incollate un collega nell’area del contenuto dell’articolo, WordPress aggiungerà automaticamente il blocco SoundCloud.

Per prima cosa, andate su SoundCloud e trovate il file che volete aggiungere al vostro blog WordPress. Può trattarsi di uno dei vostri brani o di un brano pubblico creato da qualcun altro. Si possono anche incorporare intere playlist e album di SoundCloud.

Una volta aperto il brano, la playlist o l’album, scorrere la pagina verso il basso e fare clic sull’icona “Copia collegamento”.

Copying the Soundcloud link

Quindi, passare alla dashboard di WordPress e andare alla pagina o all’articolo in cui si desidera incorporare il file di SoundCloud. A questo punto, è sufficiente incollare l’URL nell’area dei contenuti.

Non appena si incolla l’URL di SoundCloud, WordPress recupera il codice dell’oggetto incorporato e mostra il lettore audio e la traccia.

Paste the URL in the Content Area

Facendo clic sul pulsante “Play”, l’audio inizierà a essere riprodotto all’interno dell’editore di WordPress.

Dopo aver aggiunto la traccia, è possibile perfezionarla utilizzando la barra degli strumenti che appare sopra il blocco e le impostazioni nel menu di destra.

You Can Change the Settings

Ad esempio, se si desidera impostare una larghezza massima per l’incorpora, fare clic sul pulsante ‘Allinea’ e scegliere un’opzione dal menu visualizzato.

Di default, WordPress fa apparire l’oggetto incorporato più piccolo su smartphone e tablet. Si consiglia di lasciare abilitata questa caratteristica, ma se si preferisce, è possibile disabilitarla utilizzando l’attiva/disattiva “Ridimensiona per dispositivi più piccoli” nel menu di destra.

Se si modifica questa impostazione, si consiglia di testare la versione mobile del sito web di WordPress per verificare che il file SoundCloud appaia e funzioni come previsto.

Una volta soddisfatti dell’impostazione dell’incorporazione, fate clic su “Aggiorna” o “Pubblica” per rendere attivo il file SoundCloud incorporato.

Metodo alternativo: Utilizzo del blocco HTML personalizzato

Un altro modo per incorporare il file Soundcloud è quello di utilizzare il codice iFrame di Soundcloud e il blocco HTML personalizzato di WordPress. Questo metodo vi darà più possibilità di personalizzare l’aspetto del file.

Per prima cosa, nella pagina audio di Soundcloud, fate clic sul pulsante “Condividi”.

Clicking the Share button in Soundcloud

Passare quindi alla scheda “Oggetto incorporato”.

Qui troverete il codice Soundcloud iFrame che potrete copiare.

Prima di copiare il codice, è possibile personalizzare i colori e le impostazioni del player incorporato. Il codice verrà poi aggiornato in base alle vostre scelte.

Copying the Soundcloud embed code

Una volta copiato il codice, aprire l’editor a blocchi della pagina o dell’articolo.

Quindi, fare clic sul pulsante “+ Aggiungi blocco” e aggiungere il blocco“HTML personalizzato“.

Adding a new Custom HTML block in the block editor

Ora, assicuratevi di essere sulla scheda HTML.

Incollare il codice iFrame all’interno del blocco.

Pasting the Soundcloud embed code in the block editor

Per vedere l’aspetto del player incorporato, fare clic sulla scheda “Anteprima”.

Una volta fatto, fai clic su “Aggiorna” o “Pubblica” per rendere effettive le modifiche.

Previewing the Soundcloud embed code in the block editor

Metodo 2: Oggetto incorporato di SoundCloud in WordPress con il vecchio Classic Editor

Se si utilizza ancora il classico editore di WordPress, è possibile incorporare l’audio di SoundCloud nello stesso modo.

Iniziate copiando il collega del brano, dell’album o della playlist di SoundCloud.

Una volta fatto ciò, aprire la pagina o l’articolo in cui si vuole incorporare il file. Quindi incollate semplicemente il collega nell’area del contenuto su una riga a sé stante.

Paste the Link on a Line of Its Own

Se si utilizza l’editore visuale, si vedrà un’anteprima del lettore audio di SoundCloud in WordPress.

Si tenga presente che non è possibile modificare la larghezza e l’allineamento come nell’editor a blocchi di WordPress.

The SoundCloud Audio Player will be Automatically Displayed

FAQ sull’oggetto incorporato di SoundCloud in WordPress

Da quando abbiamo pubblicato questa guida, abbiamo ricevuto molte domande da parte dei nostri lettori su chi siamo e su come incorporare contenuti SoundCloud in WordPress.

Ecco le risposte ad alcune delle domande frequenti.

1. Posso incorporare un podcast di SoundCloud in WordPress?

È possibile incorporare facilmente un podcast in WordPress utilizzando il blocco SoundCloud integrato. È sufficiente incollare l’episodio o la playlist del podcast nell’editor a blocchi e WordPress lo aggiungerà automaticamente a un blocco SoundCloud.

2. Posso aggiungere più brani SoundCloud a WordPress?

È possibile aggiungere un numero illimitato di brani allo stesso blocco SoundCloud. È possibile incorporare un intero album o una playlist semplicemente incollando il suo URL nell’editore dei contenuti di WordPress.

Se si desidera creare un elenco curato di brani, si consiglia di aggiungere tutti i brani a una playlist su SoundCloud e di rendere pubblica la playlist. È quindi possibile incorporare la playlist in WordPress semplicemente incollando il suo URL.

Si tenga presente che le impostazioni sulla privacy di ogni brano prevalgono su quelle della playlist. Ciò significa che non è possibile incorporare brani privati sul proprio sito web, anche se li si aggiunge a una playlist pubblica.

3. Come faccio ad aggiungere un canale SoundCloud al mio sito web WordPress?

È possibile aggiungere un canale SoundCloud esattamente nello stesso modo in cui si oggetto incorporato un brano o una playlist. È sufficiente visitare il canale in SoundCloud e copiare l’URL.

È quindi possibile incollare il collega nell’editore dei contenuti e WordPress visualizzerà tutti i contenuti di quel canale, compresi il banner, il numero totale di brani e il pulsante “Segui”. In questo modo, potete incoraggiare i visitatori del sito web a seguirvi su SoundCloud.

Speriamo che questo articolo vi abbia aiutato a capire come incorporare l’audio di SoundCloud nei vostri post su WordPress. Successivamente, potete consultare le nostre guide su come incorporare un live stream di YouTube o su come aggiungere Google Web Stories al vostro sito WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video 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

6 commentiLascia una risposta

  1. kaushik

    Why to take trouble when the soundcloud shortcode plugin is there !

  2. Umair Ahmad

    hi, i want to add multiple souncloud(SC) track file in wordpress page post area, i get the following code from SC site,

    [soundcloud url=”https://api.soundcloud.com/tracks/68623291″ params=”color=00aabb&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false” width=”100%” height=”166″ iframe=”true” /]

    and embed it in post, but it does not show the track, instead displaying the embed code.

    i used the plugin name “SoundCloud Shortcode” on my self hosted site, but failed,

    Moreover, i am not following your instructions. :)

    have a look or attached file, thats the result.

  3. followers

    Hey pal, I’m a hip hop producer your article was impressive, it really heleped me. I hope my soundcloud mix will be better after reading this.thank you!

  4. bdubb

    How would you add support for album art to this function?

    • Native Imaging

      I was hoping for the same function. It would be nice if the album art can Auto-Populate the Featured Image for WP Posts. Fingers Crossed! :)

  5. Georgia Hebert

    I just recently discovered this webblog and I can say current post is very useful for all

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.