I colori del tema consentono di definire una tavolozza di colori e di associare singoli colori a qualsiasi widget tramite le impostazioni del colore. Qualsiasi elemento collegato ai colori del tema si aggiorna automaticamente quando si modifica il colore corrispondente nelle impostazioni. Questo permette di apportare rapidamente modifiche ai colori, riducendo i tempi di progettazione e garantendo la coerenza dello stile del sito su tutte le pagine.
Configura i colori del tema
Segui i passaggi seguenti per impostare manualmente i colori del tuo tema.
- Nel pannello laterale, fai clic su Tema , quindi seleziona la freccia accanto a Colori .
- Fai clic sull'icona Più accanto a Primario o all'impostazione che devi definire.
- Inserisci il valore HEX o RGB del colore desiderato oppure utilizza lo strumento contagocce per selezionarlo.
-
(Facoltativo) Puoi generare i colori dal tuo logo. Fai clic per aprire il colore principale, quindi apri la scheda Marchio e fai clic su +Aggiungi logo (se hai aggiunto un logo alle informazioni sulla tua attività nella Libreria dei contenuti, apparirà qui). Dopo aver aggiunto il logo, verrà generato un set di colori.
Se devi rimuovere o sostituire il logo, fai clic sull'icona con i tre puntini accanto al logo e seleziona Rimuovi o Sostituisci immagine . Tieni presente che è necessaria l'autorizzazione della Libreria contenuti per caricare, rimuovere o sostituire il logo.
Ripeti questi passaggi per ogni colore del tema, se necessario. Successivamente, devi collegare i colori ai del tuo sito.
Configura automaticamente i colori del tema
Se il sito o il modello non hanno colori associati, Guesty può associarli automaticamente. Il generatore automatico di colori del tema analizza il tuo sito per individuare i colori più utilizzati e genera un elenco da cui scegliere.
- Nel pannello laterale, fai clic su Tema, quindi seleziona la freccia accanto a Colori.
- Fai clic su Imposta colori tema.
- Fai clic su Collega per me oppure lo collego io.
- (Facoltativo) Se hai selezionato "Lo collegherò io", fai clic sull'icona Più accanto a ciascun colore nel pannello di progettazione e seleziona i colori singolarmente.
- Seleziona quale tra i colori generati desideri utilizzare.
- Fai clic su Salva e collega i colori.
I colori verranno visualizzati nella sezione Colori del pannello Tema del sito.
Collega i colori del tema ai widget
Segui i passaggi seguenti per collegare un widget specifico alla tavolozza del tuo tema.
- Fai clic su un per aprire il relativo menu impostazioni.
- Apri le impostazioni del colore e seleziona uno dei colori del tema pubblicati in alto.
- Ripetere l'operazione se necessario per gli altri elementi.
- (Opzionale) Se devi modificare uno dei colori del tema, fai clic sull'icona della matita e si apriranno le impostazioni dei colori del tema, dove potrai modificare il colore desiderato.
Una volta collegato un ai colori del tema, si aggiornerà automaticamente quando viene modificato il colore del tema a cui è associato.
Rimuovi i colori del tema
È possibile disconnettere i widget dai singoli colori del tema o rimuovere completamente i colori dalla tavolozza.
- Nel pannello laterale, fai clic su Tema.
- Fai clic su Colori.
- Fai clic sull'icona con i tre puntini orizzontali accanto al testo Colori e seleziona Rimuovi colori del tema.
- Seleziona i colori da rimuovere, quindi fai clic su Rimuovi colori selezionati.
Rinominare i colori del tema
Segui le istruzioni riportate di seguito per rinominare i colori del tema.
- Nel pannello laterale, fai clic su Tema, quindi su Colori.
- Passa il mouse sopra il nome del colore desiderato e fai clic sull'icona della matita.
- Digita un nuovo nome.
Il nuovo nome viene salvato automaticamente e apparirà quando si passa il mouse sopra il colore nel selettore colori.