Come creare un sito Web musicale: guida passo passo (non sono richieste competenze di codifica)

When you Google: How to Make a Music Website, you come across the building steps right away, which is not the best way to go about it. You need a detail-oriented approach to do something so technical.

So how do you handle creando un sito web for your band? If you have the support of a producer or a label, you can easily get a couple of thousands of dollars to hire professionals. What if you’re trying to get recognized on your own?

Dovresti procurarti un software gratuito e creare tu stesso un sito web. Con la nostra guida su come creare un sito Web musicale, sarà più facile di quanto immagini.

Ecco da dove inizi.

Scegliere la piattaforma giusta

Dato che non sei un programmatore, avrai bisogno di alcuni software per creare il tuo sito web. È questa scelta che farà o distruggerà il successo del tuo sito web. Se il software che scegli è troppo costoso, ha troppo poche funzionalità o semplicemente non ha una collezione di temi che sembrano belli, ti mancherà nel lungo periodo.

Fortunatamente, hai molte opzioni tra cui scegliere. Ci sono decine di costruttori di siti Web che ti consentono di creare un tuo sito web.

In questo articolo, ci concentreremo su due di essi che sono i migliori per la creazione di un sito Web musicale, Bandzoogle che collaborano con noi, attingono direttamente dalla storia e dalla tradizione veneziana WordPress.

Ecco cosa devi sapere su di loro.


Crea un sito web musicale in Bandzoogle – Pros & Cons

bandzoogle creare sito web

Bandzoogle è significativamente meno noto di WordPress. Tuttavia ha i suoi lati positivi.

  • Progettato da musicisti, per musicisti.
  • Centinaia di temi legati alla musica.
  • Gamma completa di funzionalità per $ 16 al mese.
  • Monetizzazione legata alla musica come prevendita dei biglietti.
  • Significativamente meno apprendimento necessario.
  • Hosting e dominio gratuiti.

Ha anche alcuni aspetti negativi.

  • Meno funzioni di personalizzazione.
  • Temi significativamente minori.
  • Nessun plugin.

Create Music Website in WordPress – Pros & Cons

wordpress crea sito

WordPress è il più grande costruttore di siti web là fuori.

Ecco perché molti lo scelgono rispetto alla concorrenza.

  • Sarà supportato per sempre.
  • Ha migliaia di temi.
  • Facilmente personalizzabile.
  • Un sacco di plugin gratuiti e premium.
  • Supporta siti Web di grandi dimensioni e ricchi di funzionalità.
  • Ha un'opzione gratuita.
  • Un piano da $ 8 al mese copre la maggior parte delle esigenze.
  • Hosting gratuito.

Non è perfetto, tuttavia. Ecco perché potresti WordPress sopravvalutato.

  • La corretta monetizzazione per una band parte da $ 25 al mese.
  • Pochi modelli gratuiti sono adatti per un sito musicale.
  • L'aggiunta di audio è una funzionalità premium.
  • Ci vuole tempo per imparare.
  • Il dominio gratuito che ottieni è a WordPress.com sottodominio.

Inoltre, alcuni plugin di WordPress hanno problemi di sicurezza, quindi potresti voler farlo proteggere dall'hacking se stai scegliendo questa piattaforma.

Sopra, abbiamo elencato pro e contro di ciascuna piattaforma per scegliere quella giusta.

If you wish to go with BandZoogle then follow our step by step guide to build musician site on BandZoogle

Or

Se desideri utilizzare WordPress, segui le nostre guida passo passo per costruire un sito per musicisti su WordPress

Come creare un sito musicale usando Bandzoogle

1. Crea un account

Creazione di un account su Banzoogle è un po 'più veloce rispetto a WordPress. Bastano solo quattro passaggi.

bandzoogle creare un account

Dopo aver nominato il tuo sito Web e aver inserito l'e-mail e la password, puoi scegliere la lingua del sito Web e premere "Crea un sito". Questo è tutto.

bandzoogle create music website

2. Scegli il tema

Vuoi creare il tuo sito musicale ma non sai da dove prendere le idee?

Consulta il nostro articolo sul I migliori siti Web musicali, per la tua ispirazione.

Supponendo che tu abbia già immagini di bande da inserire nel tema, scegliamo il modello. Bandzoogle potrebbe non avere migliaia di modelli, ma ha abbastanza per soddisfare tutti i gusti.

Puoi sfogliare i modelli per genere. Abbiamo scelto i modelli "Rock" per la nostra band death metal.

bandzoogle tema

Passa il mouse sopra il tema e fai clic su Applica per vedere un'anteprima.

bandzoogle anteprima del tema

3. Configurare la home page


Il prossimo passo è aggiungere la tua immagine di copertina. Fai clic su Sostituisci e carica la tua immagine. Bandzoogle ti permette di aggiungere un foto di riserva, ma è sempre meglio mostrare le tue foto o i tuoi disegni.

bandzoogle Aggiungi immagine

Abbiamo scelto la copertina dell'album Sinfury per l'immagine dell'eroe del sito web.

Carica la tua immagine e applicala al sito web.

bandzoogle Upload

È possibile ridimensionare l'immagine con i controlli su schermo.

bandzoogle Aggiungi immagine

La fase successiva è la creazione di un titolo. È il nome della tua band che verrà visualizzato in ogni pagina del sito Web. Puoi cambiare la tipografia mentre lo fai.

bandzoogle titolo del sito

L'altra opzione è l'aggiunta di un logo. Verrà visualizzato al posto del nome della band.

impostare il logo in wordpress

4. Riempi la pagina


Aggiungi più funzionalità alla home page. Un'anteprima della tua musica potrebbe essere una buona opzione per questo.

bandzoogle set site's content

Premi il pulsante "Musica" e aggiungerai una nuova sezione al sito web. Inizia a riempirlo con il contenuto.

bandzoogle add tracks

Premi "Aggiungi i tuoi brani" per caricare musica sulla pagina. Scegli tra queste opzioni e procedi con il caricamento.

bandzoogle pick a style for music website

Bandzoogle è ottimo per i musicisti perché ha un lettore decente che puoi creare in tutto il sito. A seconda della velocità della tua connessione, potrebbe essere necessario del tempo per caricare le tue tracce.

bandzoogle add track

Al termine del caricamento, è possibile tornare alla modifica della pagina. Premi il pulsante "Aggiungi funzionalità" per aggiungere una nuova sezione alla home page.

bandzoogle add block

Quindi, posizionare la nuova sezione da qualche parte sul sito.

bandzoogle add track

Abbiamo scelto la sezione di anteprima dell'evento. Da lì, puoi impostare il tuo primo evento.

bandzoogle nuovo evento

Se hai effettuato l'upgrade al piano più costoso a $ 16 al mese, puoi vendere i biglietti direttamente dal tuo sito web.

bandzoogle impostazioni

Se un evento non è sufficiente per l'anteprima, scegli un numero diverso di colonne nel layout e aggiungi altri eventi.

bandzoogle layout di colonna

La prossima sezione potrebbe essere la presentazione del tuo team. Scegli la categoria "Immagine e testo" e carica una foto.

bandzoogle Caratteristiche

Puoi modificare il testo nella barra laterale alla tua destra. Se non desideri che venga visualizzato del testo, eliminalo come abbiamo fatto con il sottotitolo.

bandzoogle heading and description

Nella barra laterale, puoi anche cambiare il colore di sfondo e il riempimento della sezione.

bandzoogle site layout

5. Aggiungi social media


Fai clic su "Aggiungi un collegamento social media" nel menu a livello di sito per connettere il tuo profilo Instagram o Facebook.

bandzoogle aggiungi sezione

Scegli il sito Web dall'elenco e digita il tuo handle Instagram.

bandzoogle add site link

Ora vedi apparire l'icona di Instagram. Ma è troppo piccolo per questo menu. Rendiamolo più grande.

bandzoogle menu

Vai alla barra di navigazione in alto e premi il tasto "Modifica tema".

bandzoogle edit content

Scorri verso il basso fino alla sezione A livello di sito e modifica le dimensioni del pulsante.

bandzoogle button changes

Adesso i tuoi visitatori potranno notare il pulsante.

bandzoogle menu

6. Impostare l'icona del sito


L'icona del sito viene visualizzata nell'angolo della scheda in cui è aperto il sito Web. Su HostingPill, è una piccola pillola.

icona favicon del sito

It can be whatever you want on your website. Go to Pages > Site-wide settings.

bandzoogle page in menu

Quindi, fai clic su "Icona sito".

icona del sito wordpress

Carica il logo della tua band o qualsiasi altra immagine che desideri venga visualizzata lì e si ridimensionerà automaticamente.

icona di wordpress sie

7. Crea altre pagine


Now that the home page is finished, it’s time to create more pages for your website. Click on Pages > Add a page.

bandzoogle page in menu

Ci sono molti modelli per cominciare. Creiamo un negozio per i tuoi beni digitali e merch.

bandzoogle page creation

Il layout è semplice, ma funziona perfettamente.

bandzoogle music website layout

Fai clic su "Merch" e aggiungi un nuovo prodotto.

bandzoogle aggiungi prodotto

Continua a creare più pagine. Proprio come in WordPress, potrebbe essere necessario creare queste pagine:

  • Chi siamo
  • Album
  • Galleria
  • Programma dei concerti
  • Negozio
  • Contatti per agenzie

A differenza di WordPress, tuttavia, non è necessario aggiungere ogni pagina al menu a livello di sito. Appaiono lì automaticamente.

bandzoogle menu pages

8. Lanciarlo

Una volta impostata ogni pagina, ogni prodotto viene elencato e sei pronto per annunciare la prevendita del tuo prossimo album, l'unica cosa che resta da fare è lanciare il sito web.

Vai alla sezione "Aggiorna" per farlo.

bandzoogle upgrade

Seleziona un piano, scegli un nome di dominio, pagalo e il tuo sito web è attivo.

Come creare un sito Web musicale con WordPress

1. Ottieni un account WordPress

login wordpress

WordPress ti offre di creare un sito Web gratuitamente. Il primo passo che devi compiere è creare un account e saltare il processo di pagamento.

Puoi saltare questo passaggio e continuare con il tuo profilo Google o Apple.

Il processo che segui quando continui crea un sito Web semplicistico. Ecco cosa ti offre WordPress quando cerchi musica durante quel processo. Non c'è scelta, dovrai solo fare clic sul processo di installazione per poter modificare il sito Web in un secondo momento.

blog di wordpress

Ora, la procedura guidata di WordPress vuole che tu ottenga un nome di dominio.

indirizzo blog wordpress

Se non sei ancora pronto per acquistare un nome di dominio, scegli l'opzione gratuita. È proprio sotto le opzioni suggerite. Sarai in grado di trasferire il tuo sito Web in un nuovo dominio in un secondo momento.

wordpress seleziona dominio

Se hai già un dominio, puoi collegarlo facendo clic su questo pulsante. Non digitare nulla nella barra di ricerca e sarà accessibile.

dominio wordpress

L'ultima cosa da fare è scegliere il piano di fatturazione. Se non lo desideri ora, continua con il piano gratuito.

2. Rendi privato il sito web

Se possiedi un nome di dominio, il test dal vivo di un nuovo sito Web potrebbe compromettere l'esperienza dei tuoi utenti. Renderlo privato per assicurarti di implementare la versione perfezionata del sito Web.

Puoi farlo in un plug-in o risparmiare tempo e pubblicare le pagine in privato.

visibilità post wordpress

Se stai creando un sito Web musicale su un dominio gratuito, non preoccuparti di questo passaggio. I tuoi fan non conoscono questa pagina, quindi è essenzialmente privata.

3. Prepara un'ottima fotografia

C'è solo così tanto che un layout di sito Web può fare per te. Devi investire in una fotografia straordinaria che catturi lo spirito della tua band. Questo è ciò che renderà il tuo sito web davvero tuo.

Inizia chiedendo a un fotografo professionista di venire al tuo concerto e scattare alcune foto dell'azione.

immagine wordpress

Fonte: Sinfury / Instagram

Anche i servizi fotografici suggestivi come questo sono un'ottima idea.

immagine di anteprima di wordpress

Fonte: Stan Gomov / Katlbut

4. Trova un tema

Now that you have great photos to place in the website template, it’s time to find a template that would work best for your band. Go to your panel and click on Design > Themes.

Ora puoi cambiare il tema del tuo sito web.

temi di wordperss

Il problema con WordPress è che ha molti modelli ma molti di loro sono premium. Ad esempio, dovresti pagare $ 69 per usare questo.

tema wordpress

Il tema predefinito di Maywood era uno dei migliori temi per un semplice sito Web musicale, quindi l'abbiamo bloccato. Puoi scegliere qualsiasi tema che ti piace e premere "Attiva questo disegno".

wordpress attiva il design

5. Scegli il logo e l'icona

It’s time to customize your theme. Go to Design > Customise, and click on Site Identity in the menu.

wordpress personalizza

Aggiungi un logo al sito Web e crea un titolo. Il titolo è quello che vedrai nei risultati della ricerca, quindi sii molto attento ad esso.

i wordpers aggiungono i dettagli del sito

Ritaglia e centra il logo e procedi.

logo del sito wordpress

6. Modifica la home page

You don’t need to create the home page, it’s already there. But you can’t access it from the Customise section. Go to Site > Pages, and choose the Home page. Click on it to edit it.

pagine wordpress

Alcune delle funzioni dell'editor dei blocchi di WordPress sono visualizzate sul pannello laterale.

impostazioni di intestazione wordpress

Alcuni sono mostrati direttamente sul blocco.

imposta l'intestazione nel sito di wordpress

Ora cambia il testo della pagina con il nome della tua band. Puoi aggiungere del testo di supporto facendo clic sul menu esteso e premendo "Inserisci dopo" per creare un altro blocco.

opzioni di blocco wordpress

Stiamo creando questo sito Web di esempio per una band death metal chiamata Sinfury. Questa cover non sembra abbastanza in metallo, cambiamola.

immagine di copertina di wordpress

Fai clic sull'immagine di copertina e premi Modifica, l'icona della matita. Ti porterà al file system. Carica una nuova immagine facendo clic su "Aggiungi nuovo".

media wordpress

Il prossimo passo è caricare le tue canzoni. Puoi creare una pagina separata per i tuoi album in seguito, mostreremo parte della tua musica sulla home page.

Ecco un altro problema con WordPress. È possibile aggiungere il blocco audio, ma è disponibile solo per utenti premium.

blocchi di wordpress

Non ti preoccupare, puoi comunque mostrare la tua musica nel piano gratuito. Scorri l'elenco dei blocchi e trova la categoria chiamata Incorpora.

incorpora wordperss

Scegli SoundCloud o Spotify e procedi. Abbiamo scelto SoundCloud per questo sito Web. Vai sul sito e copia il codice di incorporamento.

wordpress incorpora soundcloud

Crea un nuovo blocco e incorpora la tua o le tue tracce. Ecco come appare la nostra home page con un aggiornamento dell'immagine e una traccia in primo piano.

wordperss soundcloud

7. Riempi il resto della pagina

Il contenuto della home page dipende da te. Abbiamo deciso di inserire un'altra sezione che dice ai lettori di venire al prossimo concerto di questa band.

Passa il mouse sopra la fine del blocco e premi aggiungi un nuovo blocco.

wordpress aggiungi blocco

Make it a cover image and press Align > Full width to make it span across the website.

allineamento del testo del sito wordpress

Carica una foto e scrivi del testo sopra di essa. Aggiungi un pulsante che porta alla pagina con l'elenco dei concerti. È possibile aggiungere il pulsante andando nella cartella Elementi layout.

blocchi di wordpress

Ecco come sarebbe la sezione.

sezione wordpress

Allinea il testo al centro per renderlo simile a questo.

i wordpers allineano il centro del testo

8. Elimina il superfluo

Puoi riutilizzare la maggior parte degli elementi di design. Ma non hai bisogno di tutti loro. Ad esempio, questo blocco è inutile per un sito Web musicale. Fai clic sul menu esteso e premi Rimuovi blocco per eliminarlo.

layout del sito Web wordpress

9. Creare le altre pagine

Once you finish your home page, it’s time to create other pages. Go to Site > Pages, and add a new page.

wordpress aggiungi nuova pagina

Scegli un mago modello dall'elenco e procedi.

modello di wordpress

Ecco l'elenco delle pagine che potrebbero essere necessarie al tuo sito Web.

  • Chi siamo
  • Album
  • Galleria
  • Programma dei concerti
  • Contatti per agenzie

Temi gratuiti spesso non hanno i modelli esatti di cui hai bisogno, ma puoi riutilizzarli.

Ad esempio, è possibile utilizzare il modello Portfolio da questo tema sia per la galleria che per gli album.

pagina modello wordpress

La pagina dei servizi può essere riproposta per gli annunci di concerti.

servizi di wordpress

Lavora sulle pagine nello stesso modo in cui hai lavorato sulla home page.

9. Impostare i menu

Once all the pages are ready, it’s time to create a site-wide menu. Go to Design > Customise and choose Menus from the sidebar.

menu wordpress

Crea una voce di menu per ogni pagina che hai. Verrà visualizzato su tutte le pagine del sito Web.

10. Lanciarlo

Quando hai finito di eseguire i test e perfezionare il design, è il momento di lanciarlo. Vai alla pagina principale e premi il pulsante Avvia. Dovrai passare attraverso questo menu.

indirizzo del sito wordpress

Questo è il palcoscenico dove dovresti farlo acquista un dominio da WordPress o connetti il ​​tuo. In alternativa, è possibile esportare il sito Web per pubblicare post sul proprio dominio e hosting.

funzione di esportazione wordpress

Avvolgere

Dopo aver letto questa lunga lettura, conosci almeno due modi per creare un sito Web musicale straordinario. Se hai scelto WordPress o Bandzoogle come piattaforma preferita, il sito Web creato sarà l'inizio di qualcosa di eccezionale.

Salva questo articolo per tornarci più tardi quando devi creare il tuo sito web.