TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come incorporare la playlist SoundCloud nel sito WordPress?

13

WordPress offre shortcode predefiniti per inserire audio e playlist sul tuo sito. Questo sarà molto utile quando ospiti pochi file audio sul tuo server. Ma la maggior parte di noi non è musicista per comporre il proprio audio e l’utilizzo dell’audio di qualcuno risulterà in una violazione del copyright. Arrivano le terze parti come SoundCloud che offrono servizi di hosting audio e consentono agli utenti pubblici di condividere la musica con licenze concordate. Inoltre, quando si dispone di un numero elevato di file audio, è una buona idea ospitarli all’esterno del server. Non solo aiuterà a migliorare la velocità di caricamento della pagina del tuo sito, ma aiuterà anche a raggiungere un pubblico più ampio.

In questo articolo spiegheremo come incorporare la playlist SoundCloud nel tuo sito WordPress, sia WordPress.com che WordPress.org.

Passaggio 1: crea una playlist in SoundCloud

Registrati per un account SoundCloud gratuito e crea una playlist con i tuoi brani preferiti. Visualizza tutte le tue playlist nel menu "Raccolta > Playlist" come mostrato di seguito:

Come incorporare la playlist SoundCloud nel sito WordPress?

Visualizzazione delle playlist in SoundCloud

Passaggio 2: ottieni il codice di incorporamento per la playlist

Fai clic sulla playlist che desideri condividere sul tuo sito WordPress. Vedrai l’elenco dei brani aggiunti nella playlist e fai clic sul pulsante "Condividi". Puoi anche abilitare o disabilitare la riproduzione casuale delle playlist qui.

Come incorporare la playlist SoundCloud nel sito WordPress?

Condivisione della playlist di SoundCloud

Ci sarà una schermata popup che offre tre opzioni per la condivisione: Condividi, Incorpora e Messaggio. Vai alla scheda "Incorpora", scegli il design del display e ottieni il codice di incorporamento per il tuo sito WordPress.

Passaggio 2.1 – Incorporare il codice per gli utenti di WordPress.com

SoundCloud ha uno shortcode supportato solo per gli utenti di WordPress.com. Seleziona la casella di controllo "Codice WordPress" per ottenere lo shortcode per il tuo sito WordPress.com.

Come incorporare la playlist SoundCloud nel sito WordPress?

Ottenere il codice di incorporamento per WordPress

Il codice di incorporamento per gli utenti di WordPress.com sarà simile al seguente:

[soundcloud url="https://api.soundcloud.com/playlists/299620824" params="auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%" height="450" iframe="true" /]

Scorri verso il basso fino allo schermo e fai clic su "Altre opzioni" per cambiare il colore e abilitare o disabilitare la riproduzione automatica della tua playlist.

Come incorporare la playlist SoundCloud nel sito WordPress?

Abilitazione della riproduzione automatica

Visualizza l’anteprima della tua playlist e copia il codice mostrato nella casella di testo sotto "Codice e anteprima".

Passaggio 2.2 – Incorporare il codice per gli utenti di WordPress.org

Se disponi di un sito WordPress.org self-hosted, assicurati di disabilitare la casella di controllo "Codice WordPress" e ottenere il codice di incorporamento. Dovrebbe essere un codice iframe come mostrato di seguito:

<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>

Passaggio 3 – Inserimento del codice di incorporamento di SoundCloud in WordPress

Sia che tu abbia il codice di incorporamento per WordPress.com o WordPress.org, il processo di inserimento è lo stesso e semplice. Basta incollare il codice di incorporamento nel tuo post o pagina in modo simile a qualsiasi contenuto di testo nell’editor "Testo". Dovresti pubblicare il tuo sito per vedere il lettore audio nel sito WordPress.com mentre il passaggio all’editor "Visivo" mostrerà il lettore audio nel sito WordPress.org. Di seguito è riportato un esempio reale di lettore SoundCloud sul sito WordPress.org.

Le proprietà di larghezza, altezza e riproduzione automatica del lettore possono essere modificate direttamente all’interno del codice di incorporamento. È anche possibile modificare l’aspetto del player aggiungendo il parametro “visual=true". Ad esempio, il player predefinito sopra può essere modificato come di seguito utilizzando il codice fornito:

Puoi aggiungere il player nella barra laterale e nell’area widget del piè di pagina incollando il codice utilizzando il widget "Testo".

Inserimento dell’URL di condivisione in WordPress

È anche possibile inserire un lettore audio utilizzando l’URL di condivisione. Quando fai clic sul pulsante "Condividi", copia l’URL nella scheda "Condividi" e incollalo nell’editor "Visivo" di WordPress.

Come incorporare la playlist SoundCloud nel sito WordPress?

Codice URL di condivisione di SoundCloud

Premi Invio per vedere WordPress converte automaticamente quell’URL in una playlist come di seguito.

Punti da ricordare

  • SoundCloud consente di condividere singole tracce audio, playlist e il profilo del tuo account sul tuo sito WordPress.
  • Puoi utilizzare sia il metodo di condivisione dell’URL che il metodo di incorporamento del codice.
  • Il metodo Condividi URL è utile per condividere le tue playlist con un’ampia immagine del profilo. Il codice di incorporamento è consigliato per riprodurre file audio di altri.
  • L’URL di condivisione deve essere incollato nell’editor "Visivo" e il lettore può essere visto nell’editor.
  • Il codice di incorporamento per il sito WordPress.com deve essere incollato nell’editor "Visivo" e il lettore audio sarà visibile solo sul sito pubblicato.
  • Il codice di incorporamento per il sito WordPress.org deve essere incollato nell’editor "Testo" e il lettore può essere visto nell’editor.
  • WordPress.com supporta gli shortcode SoundCloud mentre WordPress.org no. Quindi assicurati di ottenere il codice di incorporamento corretto per il tuo lettore audio.
  • Il player può essere personalizzato modificando i parametri di default nel codice embed. Ma il player inserito tramite un URL di condivisione non può essere personalizzato.
  • WordPress.org ha molti plugin gratuiti per creare shortcode SoundCloud e incorporare la playlist.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More