I colori che scegli rappresentano una parte importante del design del tuo sito. Questa guida ti mostrerà come gestire le palette di colori del tuo sito.
In questa guida
Se il tuo sito usa un tema che supporta l’Editor del sito, puoi modificarne i colori del sito utilizzando Stili. Un modo rapido per scoprire se il sito utilizza l’editor del sito è controllare in Aspetto nella tua bacheca. Se visualizzi qui l’Editor, puoi modificare i colori del tuo sito seguendo questi passaggi:
- Nella bacheca, vai su Aspetto → Editor.
- Fai clic su Stili a sinistra o seleziona l’icona Stili come mostrato qui. L’icona assomiglia a cerchio bianco e nero.
- Seleziona Colori.
- Seleziona Palette per scegliere i colori predefiniti del tuo sito o uno dei seguenti elementi:
- Testo
- Sfondo
- Link
- Didascalie
- Pulsante
- Titolo
Il resto di questa guida spiegherà ciascuna di queste opzioni in modo più dettagliato.
La palette di colori del sito imposta i colori predefiniti utilizzati nel sito. Anche se puoi controllare il colore di ogni elemento specifico, la definizione della palette garantisce uno schema di colori coerente in tutto il sito web.
Qui puoi modificare i colori Tema, Predefiniti e Personalizzati:
- Tema: colori impostati dai designer del tema durante la creazione del tema, utilizzati in tutto il design.
- Predefiniti: i colori mostrati nelle impostazioni del colore del blocco durante la modifica di pagine e articoli.
- Personalizzati: definisce e assegna un nome ai colori aggiuntivi da utilizzare nella palette di colori.
Per aggiornare i colori del Tema, segui le istruzioni di seguito:
- Fai clic in un punto qualsiasi all’interno della casella sotto Palette.
- Fai clic sui tre puntini accanto a Tema , quindi seleziona Mostra dettagli per espandere l’elenco delle aree di colore nella palette.
- Ogni tema definisce le proprie aree di colore. Nel nostro esempio, possiamo scegliere tra Primario, Secondario, In primo piano, Sfondo o Terziario per modificare quel colore:
- Usa il selettore del colore che viene visualizzato per selezionare il colore desiderato.
- Fai clic su Fatto per impostare il colore scelto.
- Fai clic su Salva nell’angolo in alto a destra per salvare le modifiche.
Puoi anche aggiungere diversi colori Personalizzati alla palette del tuo sito. Questi saranno salvati e disponibili per la scelta e tra le impostazioni del colore dei tuoi blocchi.
Per aggiungere colori personalizzati, segui questi passaggi aggiuntivi:
- In Personalizzati, fai clic sul pulsante +.
- Scegli il tuo colore dal selettore del colore o inserisci un valore del colore HEX, RGB o HSL.
- Fai clic sul nome del colore (per impostazione predefinita sarà “Colore 1”) e digita un nome per il tuo nuovo colore.
- Fai clic su Fatto.
Questi passaggi sono illustrati nel seguente video:
Nelle impostazioni del colore, proprio sotto Palette, verrà visualizzata l’opzione per modificare il colore dei diversi elementi del sito. Tali elementi sono:
- Testo: scegli un colore da usare per il testo base normale sul tuo sito, senza includere link, didascalie, testo del pulsante o titoli.
- Sfondo: scegli un colore a tinta unita o un gradiente per lo sfondo del tuo sito. Scopri di più nella nostra guida per personalizzare lo sfondo del tuo sito.
- Link: scegli un colore per tutti i link sul tuo sito. Qui puoi scegliere il colore Predefinito che viene visualizzato per tutti i link, nonché il colore del Passaggio con il mouse che viene visualizzato quando qualcuno posiziona il cursore su un link:
- Didascalie: scegli il colore del testo usato nelle didascalie del blocco Immagine.
- Pulsanti: imposta il colore usato nei blocchi Pulsanti. Puoi scegliere il colore del testo e impostare un colore a tinta unita o un gradiente per lo sfondo dei pulsanti.
- Il controllo del colore del passaggio con il mouse dei pulsanti non è al momento disponibile. È possibile usare il codice CSS per applicare un colore al passaggio con il mouse su un pulsante.
- Titoli: imposta un colore per i blocchi Titolo nel sito. Puoi scegliere il colore del testo e impostare un colore a tinta unita o un gradiente per lo sfondo dei titoli.
- Per scegliere un colore diverso per ogni livello di titolo (da H1 a H6), fai clic sui tre puntini accanto a Colore per espandere le opzioni e fai clic sul livello di titolo desiderato. Verrà visualizzato un segno di spunta accanto al livello del titolo e potrai quindi chiudere le opzioni per accedere alle impostazioni del colore per quel livello del titolo.
Se desideri sovrascrivere il colore per un solo testo specifico (piuttosto che per tutti gli elementi), puoi impostare un colore diverso all’interno delle singole impostazioni del colore del blocco in quell’articolo o in quella pagina specifica.