WordPress offre codici brevi predefiniti per inserire audio e playlist sul tuo sito. Questo sarà molto utile quando si ospitano alcuni file audio sul proprio server. Ma la maggior parte di noi non sono musicisti per comporre il nostro audio e l’utilizzo di audio di qualcuno si tradurrà in violazione del copyright. Ecco che arrivano le terze parti come SoundCloud che offrono servizi di hosting audio e consentono agli utenti pubblici di condividere la musica con licenze concordate. Anche quando si dispone di un gran numero di file audio, è una buona idea per ospitarli al di fuori 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 SoundCloud playlist nel tuo sito WordPress – sia WordPress.com e WordPress.org sito.
- Passo 1 – Creare una playlist in SoundCloud
- Passo 2 – Ottieni codice incorporato per Playlist
- Passo 2.1 – Incorpora codice per WordPress.com Utenti
- Passo 2.2 – Incorpora codice per WordPress.org Utenti
- Passo 3-Inserimento del codice di incorporamento SoundCloud in WordPress
- Inserimento dell’URL di condivisione in WordPress
- Punti da ricordare
Passo 1 – Creare una playlist in SoundCloud
Iscriviti per un libero un account SoundCloud e creare una playlist con i tuoi brani preferiti. Visualizza tutte le tue playlist nel menu “Raccolta > Playlist” come mostrato di seguito:
Visualizzazione delle playlist in SoundCloud
Passo 2 – Ottieni codice incorporato per Playlist
Fai clic sulla playlist che desideri condividere sul tuo sito WordPress. Vedrai l’elenco delle tracce aggiunte nella playlist e fai clic sul pulsante “Condividi”. È inoltre possibile attivare o disattivare playlist mischiare qui.
Condivisione Playlist 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.
Passo 2.1 – Incorpora codice per WordPress.com Utenti
SoundCloud ha un shortcode supportato solo per WordPress.com utenti. Scegli la casella di controllo “Codice WordPress” per ottenere lo shortcode per il tuo WordPress.com sito.
Ottenere codice Embed per WordPress
Il codice di incorporamento per WordPress.com gli utenti avranno un aspetto simile al di sotto:
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.
Abilitazione della riproduzione automatica
Visualizza l’anteprima della playlist e copia il codice mostrato nella casella di testo in “Codice e anteprima”.
Passo 2.2 – Incorpora codice per WordPress.org Utenti
Se si dispone di un self-hosted WordPress.org sito quindi assicurarsi di disabilitare la casella di controllo” codice WordPress ” e ottenere il codice embed. 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>
Passo 3-Inserimento del codice di incorporamento SoundCloud in WordPress
Se hai il codice di incorporamento per WordPress.com oppure WordPress.org il processo di inserimento è lo stesso e semplice. Basta incollare il codice embed nel tuo post o pagina simile a qualsiasi contenuto di testo sotto editor “Testo”. Dovresti pubblicare il tuo sito per vedere il lettore audio in WordPress.com sito durante il passaggio a” Visual ” editor mostrerà il lettore audio in WordPress.org sito. Di seguito è riportato un vero e proprio esempio di SoundCloud player su WordPress.org sito.
Larghezza, altezza e autoplay proprietà del giocatore può direttamente modificato all’interno del codice embed. È anche possibile cambiare l’aspetto del giocatore aggiungendo il parametro “visual=true”. Per esempio, sopra il lettore predefinito può essere modificato come di seguito utilizzando il codice fornito:
<iframe width=”100%” height=”300″ scrolling=”no” frameborder=”yes” src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true”></iframe>
È possibile aggiungere il giocatore in sidebar e footer widget area incollando il codice con la funzione “Testo” widget.
Inserimento dell’URL di condivisione in WordPress
È anche possibile inserire il lettore audio utilizzando l’URL di condivisione. Quando fai clic sul pulsante “Condividi”, copia l’URL nella scheda” Condividi “e incollalo sul tuo editor” Visivo ” di WordPress.
SoundCloud Condividi URL Code
Premi invio per vedere WordPress converte automaticamente quell’URL in una playlist come di seguito.
Punti da ricordare
- SoundCloud permette di condividere singole tracce audio, playlist e il tuo profilo account sul tuo sito WordPress.
- È possibile utilizzare sia il metodo share URL sia il metodo embed code.
- Metodo Condividi URL è buono per condividere le tue playlist con un’immagine del profilo ampia. Codice Embed è consigliato per la riproduzione di altri file audio.
- L’URL di condivisione deve essere incollato sull’editor “Visivo” e il lettore può essere visto sull’editor.
- Incorpora codice per WordPress.il sito com deve essere incollato sull’editor “Visivo” e il lettore audio sarà visibile solo sul sito pubblicato.
- Incorpora codice per WordPress.org il sito deve essere incollato sull’editor” Testo ” e il giocatore può essere visto sull’editor.
- WordPress.com supporta i codici brevi SoundCloud mentre WordPress.org non lo fa. Quindi assicurati di ottenere il codice di incorporamento corretto per il tuo lettore audio.
- Il lettore può essere personalizzato modificando i parametri predefiniti nel codice di incorporamento. Ma il giocatore inserito attraverso un URL di condivisione non può essere personalizzato.
- WordPress.org ha molti plugin gratuiti per creare shortcode SoundCloud e incorporare la playlist.
