Come utilizzare le sezioni con stili per personalizzare il design del sito web della tua band

Le sezioni con stili sono strumenti davvero potenti che aiutano a mettere in evidenza i contenuti del tuo sito mantenendo le cose coese con il tuo marchio artistico. Apre molte porte per includere più immagini, colori e opzioni di layout per mantenere il tuo sito coinvolgente.

Sebbene le sezioni possano essere particolarmente utili su siti Web di una pagina, possono certamente essere applicate a qualsiasi pagina del tuo sito Web in cui desideri attirare l'attenzione e differenziare le funzionalità che aggiungi.

Ci sono molti aspetti da includere per assicurarti che il design del sito web della tua band sia accurato e professionale, come una biografia efficace, un'ottima pagina musicale e un EPK. Una volta che hai creato il tuo sito web musicale e il tuo contenuto principale è a posto, puoi scavare un po' più a fondo e personalizzare alcune sezioni per creare un sito web che si adatti al tuo stile.

Una chiave per un ottimo design del sito Web è mantenere l'occhio del visitatore del sito in movimento lungo la pagina. I cambiamenti di colore, consistenza e movimento possono aiutare in questo, il che può essere ottenuto attraverso stili di sezione personalizzati. Ci sono così tanti aspetti a cui pensare qui, e potresti chiederti: puoi creare un design per il sito web di una band che metta in risalto i tuoi contenuti senza essere troppo ingombrante?

Sì! La chiave è trovare una combinazione di colori a tinta unita e trovare alcune fantastiche immagini materiche che puoi utilizzare in tutto il tuo sito. Ecco una guida dettagliata dei passaggi da seguire per creare un bellissimo sito con sezioni stilizzate!

Organizza i tuoi contenuti

Una sezione è essenzialmente un blocco di spazio su una pagina in cui è possibile aggiungere funzionalità. È bello usare le sezioni per suddividere le cose per categoria o per porre l'accento su una funzione specifica in una pagina.

Ad esempio, puoi utilizzare sezioni con stili per richiamare l'attenzione sulla tua funzione di iscrizione alla mailing list o dividere una sezione in tre colonne per aggiungere tre funzioni di immagine e testo per alcuni simpatici inviti all'azione sulla home page. Questo è visto nell'esempio qui sotto.

È abbastanza semplice aggiungere una sezione a qualsiasi pagina all'interno del tuo pannello di controllo. In "Modifica contenuto", sposta il mouse sul layout della pagina: vedrai apparire un pulsante blu "+Aggiungi sezione" sopra o sotto una sezione esistente.

Fare clic su quel pulsante per aggiungere una nuova sezione!

Puoi anche regolare le colonne per ogni singola sezione qui, facendo clic sul pulsante "Modifica colonne" in alto a sinistra della sezione. Puoi scegliere tra 1, 2 e 3 colonne, con alcune opzioni asimmetriche per le barre laterali sinistra o destra.

Personalizza i tuoi stili di sezione

Per un tocco più artistico, imposta fino a tre stili di sezione distinti nella scheda Modifica tema. I tuoi stili di sezione ti consentono di personalizzare lo sfondo della sezione, nonché i colori del testo, dei link e dei pulsanti. È qui che imposterai davvero il tono per le sezioni del tuo sito: puoi impostare colori ad alto contrasto tra le sezioni o optare per differenze di colore più sottili, qualunque cosa si adatti alla tua estetica.

Come il resto delle opzioni di progettazione del modello del sito web della tua band, regolerai gli stili di sezione nella scheda "Modifica tema" del pannello di controllo.

Nelle opzioni dell'editor del tema a sinistra, scorri verso il basso fino alle opzioni "Stile sezione 1", "Stile sezione 2" e "Stile sezione 3", seleziona le impostazioni del colore e quando hai impostato tutto correttamente, fai clic su " save' per applicare le modifiche.

Imposta le proprietà della tua sezione

Dopo aver impostato gli stili di sezione nella scheda Modifica tema, puoi tornare alla scheda Modifica contenuto e applicare proprietà diverse alle sezioni del tuo sito. Passa il mouse su una sezione e fai clic su "Modifica sezione" nell'angolo in alto a sinistra di quella sezione. Le proprietà che puoi regolare sono Colori sezione (estrapolati dagli stili di sezione che hai impostato), Immagine di sfondo ed effetto di scorrimento e Imbottitura sezione.

Puoi anche aggiungere un titolo facoltativo alla sezione e regolare la giustificazione di questo titolo secondo i tuoi gusti. Questo titolo può anche essere aggiunto come voce di sottomenu se si attiva l'interruttore "Mostra nel menu". Questo sarebbe usato se hai molti contenuti su una determinata pagina e vuoi fornire un modo più semplice per accedere a tutti questi contenuti.

Per modificare i colori della sezione, fai clic su "Colori della sezione" e quindi seleziona uno stile di sezione dal menu a discesa.

Per modificare il riempimento della sezione, fai clic su "Padding della sezione" e scegli tra nessuno, piccolo, medio, grande o extra grande. La spaziatura interna fornisce più spaziatura nella parte superiore e inferiore del contenuto in una sezione e può creare spazi bianchi per un aspetto raffinato.



Fare clic su "Salva" per salvare tutte queste modifiche. Elaborerò le opzioni dell'immagine di sfondo di seguito, perché qui c'è così tanto potenziale!

Aggiungi un'immagine di sfondo

Le possibilità con le funzionalità di sfondo della sezione sono infinite con la trama aggiunta, la profondità e lo stile personale che queste offrono. In teoria, potresti impostare un'immagine di sfondo per ogni sezione del tuo sito in modo che sia interamente basata su immagini senza blocchi di colore solidi. Questa è una mossa davvero potente se vuoi creare un sito molto visuale.

È importante tenere a mente la coesione quando si fa questo. Dovrai assicurarti che tutte queste immagini rientrino in una tavolozza di colori simile e non contengano molti dettagli. Ecco un esempio di un sito che ho creato utilizzando diverse immagini di cielo e nuvole: requiem for sky

Per aggiungere un'immagine di sfondo a una sezione, fai nuovamente clic su "Modifica sezione", quindi fai clic su "Immagine di sfondo". Da qui, fai clic su "aggiungi immagine" e carica una nuova immagine o scegli un'immagine dal selettore di immagini. Fare clic su "Applica". È quindi possibile ritagliare e ingrandire l'immagine secondo necessità e fare clic su Salva.

Da qui, puoi impostare la trasparenza dell'immagine. A seconda del contenuto della sezione, potresti voler lasciare la trasparenza dell'immagine a una percentuale bassa (inferiore al 20%). Ma se l'immagine non interferisce con il contenuto qui, puoi aumentarla un po '. Nel mio esempio qui, ho impostato la trasparenza al 70%. Puoi scegliere uno stile di sezione diverso per combinare uno sfondo colorato anche con l'immagine che hai scelto.

Quindi, imposta il tuo Effetto di scorrimento. Puoi scegliere di ometterlo, ma abbiamo un paio di opzioni che sono piuttosto belle. L'effetto di scorrimento Parallax offre un effetto tridimensionale accurato poiché l'immagine di sfondo scorre a una velocità leggermente diversa rispetto alla pagina stessa. L'effetto Scorrimento fisso fissa l'immagine sullo sfondo e il resto del contenuto scorre su di essa. Puoi giocare con questi se necessario. Ancora una volta, fai clic su "Salva" per applicare queste modifiche.

Divertiti a giocare con stili di sezione personalizzati!

Come puoi vedere da questi esempi, le opzioni di stile e layout fornite dalle sezioni sono così divertenti con cui lavorare. Semplificano la progettazione di un bellissimo sito Web di musica. Molti dei nostri modelli di siti Web sono dotati di alcune sezioni con stili predefiniti per iniziare e sono tutti pronti anche per dispositivi mobili. Spero che questo post ti dia la sicurezza di provare tutte queste possibilità!

Progetta in pochi minuti un sito web professionale, pronto per i dispositivi mobili, facile da aggiornare e mantenere. Costruisci il tuo sito web della band con Bandzoogle oggi!