• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Marco Pini, A-UX Designer e SEO

IN HUMAN WEB I TRUST!

  • Home
  • Blog, spunti e riflessioni
    • Media Education e Autodifesa digitale
    • SEO e Web Marketing
    • Social Media Marketing
    • Usabilità e User Experience
    • WordPress, CMS e web tools
  • Due parole su di me
  • Formazione
  • Consulenza
  • Contatti
You are here: Home / Guide per webmaster e web designer: risorse per il tuo sito / Come inserire su Wordpress brani mp3 ospitati su SoundCloud

Come inserire su WordPress brani mp3 ospitati su SoundCloud

13 Luglio 2016 - Marco Pini

Marco un mio amico musicista, ha un semplice sito internet realizzato dalla nostra agenzia web, su cui, tra le altre informazioni, ha voluto inserire i propri brani in formato mp3, le date dei concerti, delle galleria fotografica e ovviamente video. Trattandosi di un progetto semplice e ad aggiornamento frequente, abbiamo scelto di realizzare il sito web su piattaforma WordPress, fornendo ovviamente una formazione ad-hoc sull’utilizzo del CMS WordPress così da consentire alla band di gestire in autonomia gran parte del sito internet.

Per includere i brani MP3 abbiamo scelto una piattaforma esterna, dove è stato creato un profilo ad-hoc per la band. E’ importante sottolineare come i brani musicali, possono essere protetti da copyright e quindi non è detto che sia possibile inserirli a piacimento sul web. In questo caso, il mio amico musicista, voleva inserire le proprie canzoni originali all’interno del sito web quindi nessun problema di copyright.

La scelta di una piattaforma come SoundCloud è stata fatta anche perchè favorisce la condivisione, non viene utilizzata lo “spazio” e la banda del sito internet e può essere un ottimo modo per fare Community e di conseguenza far circolare i brani sulla rete.

La piattaforma scelta è stata quindi SoundCloud, in questo breve post “how-to” illustro quanto sia facile inserire sul proprio sito web realizzato su WordPress (ma la semplicità del procedimento trascende il CMS) dei brani ospitati dalla piattaforma di condivisione SoundCloud!

Inserire su WordPress brani mp3 ospitati da Sound Cloud

Ecco la “mini-guida” vera e propria con tanto di screenshots 😉

1. Devi cliccare su “SHARE” in corrispondenza del brano mp3 che vuoi inserire sul tuo blog (o sul tuo sito web)

In questo esempio faccio riferimento a WordPress, ma il procedimento è molto simile per non dire identico anche se:
vuoi inserire l’embed (il codice di incorporamento) su un altro CMS come Joomla o Drupal oppure su una pagina html statica:

Inserire su WordPress un brano di SoundCloud passaggio 1

2. Clicca su Embed per visualizzare il codice HTML da incorporare sul tuo sito internet

Cliccando su “share” ti si aprirà una nuova finestra (finestra modale per la precisione) in cui dovrai scegliere tra alcune semplici opzioni per poter inserire sul tuo sito in WordPress il brano musicale da te scelto, fai subito click sul pulsante EMBED:

Inserire su WordPress un brano di SoundCloud passaggio 2

3. Puoi già copiare ed incollare il codice SoundCloud sul tuo sito o blog

Adesso, se volevi inserire il brano su un sito internet “statico” oppure su un cms come Joomla (ma anche su WP) potresti copiare direttamente il codice HTML che ti ha già generato SoundCloud.

Infatti il sistema genera un codice con un tag IFRAME, un tag html che serve proprio ad includere contenuti esterni ecco qua un esempio:

inserire iframe di soundcloud

4. Incorporare SoundCloud sul tuo WordPress: opzioni di visualizzazione del brano

Volendo puoi anche scegliere tra DUE opzioni di visualizzazione diversa del tuo brano, provale, ti basta fare click e SoundCloud ti fa vedere direttamente l’anteprima di come verrebbe sul tuo sito internet il player per ascoltare il brano:

04

5. SoundCloud mette a disposizione una “opzione” apposita per creare il codice per WordPress

Il nostro esempio riguardava l’inserimento di un brano ospitato su SondCloud all’interno di WordPress (pagine o articoli non fa differenza) di conseguenza, posso “spuntare” l’apposito flag WordPress code:

Inserire su WordPress un brano di SoundCloud passaggio 3

SoundCloud mette a disposizione anche altre opzioni, valide sia se vuoi inserire il brano nel CMS WordPress sia se lo vuoi inserire su altri CMS o in una pagina html, sono molto intuitive e facili, le visualizzi facendo click su More options e riguardano il colore del player mp3, e l’autoplay:

Inserire su WordPress un brano di SoundCloud passaggio 4

Non resta che COPIARE il codice visualizzato ed andare ad incollarlo sul nostro CMS WordPress, salvare la pagina (o l’articolo) ed il gioco è fatto, qualora, per mille ragioni il codice “creato” ad-hoc per WP non funzioni, potete utilizzare direttamente l’IFRAME andando ad inserirlo sulla pagina sempre in visualizzazione “testo”. Una volta salvata la pagina o l’articolo su wordpress, apparirà un bel Player per ascoltare direttamente sul sito il brano inserito!!

Facile no? 😉

Il procedimento illustrato è molto simile anche su altri siti che consentono di “embeddare” contenuti come per esempio il famosissimo Youtube oppure Vimeo!

 

Share
Share
Tweet
Pin

Filed Under: Guide per webmaster e web designer: risorse per il tuo sito

About Marco Pini

Vivo a Firenze e dal 1998 aiuto aziende, associazioni, enti e professionisti a creare e migliorare la loro immagine sul web. Mi piace fare formazione e scrivere su tematiche inerenti la UX, la SEO e l'educazione al digitale o dare qualche consiglio ai webmaster. Per questo ho deciso qualche anno fa, di creare questo blog.
Nel tempo libero adoro leggere e guardare film e serie-tv!

Primary Sidebar

Due parole su di me

Mi chiamo Marco Pini e dal 1998 lavoro come consulente web.

Mi occupo di:
SEO, UX, progettazione web e formazione.

La mia attività lavorativa si svolge prevalentemente tra Firenze, Prato e Pistoia, ma faccio consulenze anche tramite Skype, e sono socio della web agency Koris.

L'obiettivo di questo blog è quello di condividere la mia esperienza come formatore e consulente in ambito web marketing, SEO e progettazione siti internet, oltre a divulgare gratuitamente alcuni materiali che utilizzo nell'ambito dei miei corsi e/o delle mie consulenze. Continua...

Ebook

Copertina ebook digitale diffuso

Digitale Diffuso. Un puzzle di voci per rafforzare la nostra consapevolezza digitale


Il mio ebook Generazioni a confronto

Generazioni a confronto una riflessione sull'uso del digitale tra le diverse generazioni

Categorie Blog

  • SEO e Web Marketing
  • Usabilità e User Experience: progettare siti web efficaci
  • WordPress, CMS e web tools: consigli per il tuo sito internet
  • Social media marketing

Consulenza SEO & Digitale

Sono un Consulente Senior in ambito SEO, web marketing, progettazione web ed usabilità di siti internet. In poche parole, aiuto aziende, enti ...

I miei ultimi Tweets

  • Just now
  • Il mio Twitter account (webfirenze)

Marco Pini, consulente web marketing & SEO

Chi sono

Dal 1998 aiuto aziende e professionisti a costruire e migliorare la propria presenza e la propria visibilità su internet. Da oltre 20 anni, lavoro su ...

Ultimi articoli

narrazioni e archetipi chi era V. J. Propp

V.J. Propp e gli archetipi della narrazione

che cosa si intende per ux design inclusivo

Che cos’è l’inclusive ux design

Strategie di marketing digitale di cosa stiamo parlando copertina articolo

Strategie di marketing digitale: di cosa stiamo parlando?

web design e immagini, tools online

Lavorare con le immagini, 17 tools online utili per UX e WEB Design

perché le fake news si diffondono e come si riconoscono le notizie inventate

Contrastare la diffusione di fake news grazie ai “principi” della media education

Privacy policy, blog Marco Pini

Footer

Contatti

Sei interessato ad una consulenza o ad un corso di formazione? Oppure semplicemente hai trovato qualche argomento interessante? Vuoi concordare la pubblicazione di un tuo intervento sugli argomenti del mio blog?

Scrivimi o contattami:

Marco Pini, consulente SEO, Webmaster e Web marketer senior: pini@koris.com

Naviga per categorie

  • SEO e Web Marketing
  • Usabilità e User Experience: progettare siti web efficaci
  • WordPress, CMS e web tools: guide per il tuo sito web
  • Social media e Facebook marketing

Naviga per tag

Consulenza e-commerce Consulenza ed analisi SEO Content marketing Facebook marketing Letture consigliate Ottimizzazione siti web Progettazione web social media marketing Social media marketing e Facebook Adv Usabilità dei siti web Web design Web marketing Wordpress e CMS
  • Home
  • Blog, spunti e riflessioni
  • Due parole su di me
  • Formazione
  • Consulenza
  • Contatti

Copyright © 2025 - Marco Pini: consulente SEO, web marketing e progettazione siti internet Firenze