Modifica dei colori e dello sfondo del sito

Dai al tuo sito un colore o un’immagine di sfondo che ne personalizzi l’aspetto. Segui i passaggi presenti in questa guida per sapere come fare.

In questa guida

1. Suggerimenti per la scelta di uno sfondo
2. Metodo 1: modifica dello sfondo nell’Editor del sito
   1. Colore di sfondo
   2. Immagine di sfondo
3. Metodo 2: modifica dello sfondo in Personalizza
   1. Colori di sfondo
   2. Immagine di sfondo
   3. Salvataggio delle modifiche

Suggerimenti per la scelta di uno sfondo

Impostare un colore o un’immagine di sfondo può essere un ottimo modo per mostrare la tua personalità e fare in modo che il tuo sito si distingua dagli altri. Tieni a mente questi suggerimenti mentre decidi come personalizzare lo sfondo del tuo sito:

• Scegli colori che si completano a vicenda, senza che stonino o rendano difficile la lettura del testo del sito web.
• A seconda dell’immagine che usi, un’immagine di sfondo può rendere difficile la lettura del testo sopra di essa. Per avere risultati migliori, scegli un’immagine discreta o un pattern semplice che non nasconda il contenuto del sito.
• Scegli un’immagine di alta qualità che si estenda per la larghezza intera del sito senza apparire sfocata. Approfitta della nostra libreria di foto gratuite per immagini di alta qualità.

Metodo 1: modifica dello sfondo nell’Editor del sito

Se il tuo sito usa un tema che supporta l’Editor del sito, puoi modificarne lo sfondo utilizzando questo metodo. Un modo rapido per determinare se il sito usa l’Editor del sito è controllare in Aspetto nella tua bacheca. Se visualizzi qui l’Editor, puoi modificare lo sfondo del tuo sito seguendo questi passaggi.

Colore di sfondo

1. Nella bacheca, vai su Aspetto → Editor.
2. Fai clic su Stili a sinistra o seleziona l’icona Stili come mostrato qui. L’icona assomiglia a cerchio bianco e nero.
3. Fai clic sull’opzione Colori. 
4. Fai clic sull’opzione Sfondo.
5. Seleziona il colore desiderato utilizzando il selettore di colori. Puoi scegliere un colore a tinta unita o definire un gradiente.
6. Fai clic su Salva.

Immagine di sfondo

Puoi usare il blocco Copertina per posizionare un’immagine di sfondo dietro tutto il contenuto di una pagina. Segui questi passaggi per aggiungere la tua immagine con il blocco Copertina e posizionare tutto il contenuto della pagina sopra l’immagine:

1. Nella bacheca, vai su Aspetto → Editor.
2. Apri Visualizzazione in modalità elenco facendo clic sull’icona delle tre linee orizzontali nell’angolo in alto a sinistra.
3. Passa con il mouse sul blocco in alto nella sezione Visualizzazione in modalità elenco.
4. Fai clic sui tre puntini sul lato destro di quel blocco.
5. Fai clic sull’opzione Inserisci prima.

6. Inserisci un blocco Copertina prima di tutti gli altri blocchi qui.
7. Carica l’immagine di sfondo nel blocco Copertina.
8. Seleziona e sposta tutti gli altri blocchi in Visualizzazione in modalità elenco e posizionali all’interno del blocco Copertina. Puoi fare clic e trascinare come mostrato nel video di seguito.
   • Se sono presenti blocchi bloccati, puoi sbloccarli per attivare la modifica e lo spostamento.
9. Se il testo nella parte superiore del blocco Copertina diventa difficile da leggere dopo l’aggiunta di un’immagine di sfondo, puoi usare l’impostazione dell’opacità per migliorarne la visibilità.
10. Fai clic sul pulsante Salva nell’angolo in alto a destra.

Metodo 2: modifica dello sfondo in Personalizza

Nei temi WordPress classici, potresti trovare un’impostazione dell’immagine di sfondo in Personalizza. Un modo rapido per verificare se il tuo sito ha un tema classico è controllare in Aspetto → Personalizza  nella tua bacheca. Se qui visualizzi Colori e sfondi, puoi modificare lo sfondo del tuo sito seguendo questi passaggi.

Colori di sfondo

1. Visita la bacheca del sito.
2. Passa ad Aspetto → Personalizza.
3. Fai clic sulla scheda Colori e sfondi.
   • Se non visualizzi Colori e sfondi in Personalizza, il tuo tema non supporta la modifica dei colori e degli sfondi. Ti consigliamo di passare a un tema dell’Editor del sito per avere il pieno controllo del sito. 
4. Nella schermata successiva, visualizza l’impostazione Sfondo. Personalizza lo sfondo del sito facendo clic su ciascuna delle sezioni numerate corrispondenti come spiegato di seguito:

1. Fai clic nell’area della casella colorata per visualizzare le opzioni disponibili per la personalizzazione dello sfondo sul tuo tema.
2. Fai clic su Palette per selezionare una nuova palette di colori per il sito.
3. Fai clic su Seleziona immagine per scegliere un’immagine da usare per lo sfondo. Questa opzione verrà visualizzata solo se il tema supporta le immagini di sfondo. Scopri di più sull’Immagine di sfondo di seguito.
4. Fai clic su uno dei suggerimenti automatici per i colori per usarli per il tuo sito.
5. Fai clic sul link per scegliere il colore in modo da aprire il selettore di colori e usarlo per impostare un colore personalizzato per lo sfondo.
6. Fai clic su qualsiasi pattern per usarlo come sfondo per il tuo sito.
7. Fai clic sul pulsante Altro per caricare pattern aggiuntivi tra cui scegliere. Dopo aver fatto clic una volta sul pulsante Altro, accanto a esso verrà visualizzato un pulsante Indietro. Puoi usarlo per caricare i pattern precedenti all’interno della selezione. I motivi di sfondo sono forniti da COLOURlovers.

Immagine di sfondo

Dopo aver selezionato un’immagine da usare per lo sfondo del tuo sito (vedi n. 3 sopra), sotto tale immagine verrà visualizzato un pulsante Opzioni. Fai clic su questo elemento e vedrai le diverse impostazioni utili per gestire la visualizzazione dell’immagine di sfondo, come spiegato di seguito:

1. Fai clic su Seleziona immagine per scegliere un’immagine esistente dalla tua libreria multimediale o caricane una nuova.
2. Fai clic su Opzioni per aprire le impostazioni aggiuntive per la visualizzazione dell’immagine di sfondo.
3. Fai clic sulle icone per regolare la posizione dell’immagine di sfondo.
   • L’opzione Posiziona controlla il punto in cui l’immagine di sfondo è allineata: sinistra, centro o destra.
   • L’opzione Ripeti determina se un’immagine appare una volta, si ripete in verticale, orizzontale o è affiancata.
   • Tramite l’opzione Posizione fissa l’immagine rimane fissa quando scorri la pagina verso l’alto e verso il basso.
   • L’opzione Colore sottostante è relativa al colore che si carica dietro l’immagine di sfondo.
4. Fai clic nella casella colorata per aprire il selettore dei colori, in cui puoi selezionare un diverso Colore sottostante per lo sfondo.
5. Fai clic su Nascondi l’immagine di sfondo per rimuovere l’immagine corrente e selezionarne una diversa oppure usa un colore o un pattern di sfondo a tinta unita.

Salvataggio delle modifiche

Dopo aver apportato le modifiche, fai clic sul pulsante Salva modifiche nella parte superiore dello schermo per salvare lo sfondo.