Gli stili globali sono le impostazioni di brand e design (colori, font e tipografia) che si applicano a ogni pagina dell'intero sito. Quando si modifica uno stile globale, vengono aggiornate tutte le pagine contemporaneamente, quindi è necessario impostare l'identità del brand in un unico posto.

Accedi all'Editor degli stili globali

Dalla schermata Gruppi di pagine, fai clic su Modifica stili globali.

L'editor di stili globale. I richiami numerati sono citati in tutto questo articolo.

Imposta la tua palette di colori

Nel pannello di destra (1), definisci la palette dei colori del tuo sito inserendo quattro colori base:

• Principale
• Secondario
• Terziario
• Quaternario

Usa il selettore di colori per inserire il valore di ogni colore. Una volta impostato, il sistema genera automaticamente sei tonalità e sfumature aggiuntive (varianti più chiare e più scure) che possono essere applicate come colori di sfondo su tutto il sito senza alcuna modifica manuale.

Informazioni sull'accessibilità: Il sistema di colori dà priorità all'accessibilità. I colori generati automaticamente sono abbinati ai colori del testo in primo piano che soddisfano i requisiti di contrasto WCAG AA. I quattro colori base possono essere usati come sfondi, ma la conformità WCAG AA non può essere garantita per questi poiché i loro valori esatti sono definiti dall'utente.

Imposta i tuoi tipi di carattere

Nel pannello di destra (1), seleziona la famiglia di tipi di carattere e la dimensione per ogni livello della gerarchia tipografica del tuo sito:

• Livelli di intestazione (H1–H6)
• Testo del corpo
• Link
• Pulsanti

Sono disponibili oltre 1.500 opzioni di font. Attualmente, sono supportati solo i font con caratteri latini.

Visualizza l'anteprima delle modifiche

Prima di pubblicare, usa l'editor per verificare come appaiono i tuoi stili sul sito.

• Anteprima pagina (2) — Le modifiche vengono visualizzate in tempo reale nell'anteprima man mano che le apporti.
• Attivazione/disattivazione gruppo pagina / entità (4) — Passa tra diversi gruppi di pagine ed entità per confermare che gli stili siano corretti in tutto il sito. Puoi anche aprire un'entità nel grafo di conoscenza direttamente da qui per apportare modifiche al contenuto.
• Controlli viewport (7) — Passa tra le visualizzazioni desktop, tablet e mobile per verificare la reattività.
• Anteprima modifiche (9) — Genera un link di anteprima condivisibile con tutte le tue modifiche non pubblicate. Usa questo per raccogliere feedback presso le parti interessate prima di andare in diretta. L'anteprima riflette cambiamenti locali; il tuo sito live riflette solo le modifiche pubblicate.
• Attivazione/disattivazione pannello (6) — Riduci il pannello destro per ottenere uno spazio di lavoro di anteprima più ampio.

Nota: puoi passare da un gruppo di pagine all'altro e da un'entità all'altra per l'anteprima, ma non puoi aggiungere, riordinare o rimuovere sezioni dall'editor degli stili globali. Per cambiare la struttura della pagina, usa l'editor di layout.

Pubblica le modifiche

Le modifiche vengono salvate automaticamente mentre lavori. Quando sei pronto a pubblicare gli aggiornamenti:

1. Fai clic su Pubblica nei controlli delle modifiche (8). Se le tue pagine sono già online, questo pulsante riporta la dicitura Aggiorna # Pages.

I tuoi stili vengono pubblicati contemporaneamente su ogni pagina e in ogni gruppo di pagine.

Per verificare: dopo la pubblicazione, apri il tuo sito live (9) e aggiorna per confermare che gli aggiornamenti siano visibili.

Nota: il pulsante Pubblica è disattivato mentre è in corso una distribuzione o il sito presenta degli errori. Puoi ancora apportare e salvare le modifiche in locale; saranno pronte per la pubblicazione una volta completata la distribuzione o risolto l'errore. Consulta Visualizza pagine e indaga sugli errori per maggiori dettagli.