Editor Studio: gestire gli Stili del sito

Tempo di lettura: 8 min.
Gestisci gli stili del testo, i colori, le transizioni delle pagine e la larghezza massima del sito da un unico spazio. Creare un tema per il sito del tuo cliente è un ottimo modo per risparmiare tempo e garantire che il design sia coerente. 
GIF che mostra il pannello Stili del sito, durante il clic sulle sezioni Caratteri, Stili testo e Larghezza massima per espanderle
In questo articolo, scoprirai come:

Modificare i caratteri e gli stili del testo

Personalizza il testo utilizzato sul sito in modo che corrisponda all'aspetto che desideri ottenere. Puoi modificare i caratteri del sito o modificare l'aspetto dei 9 singoli stili di testo (6 titoli, 3 paragrafi).   
Suggerimento:
H1 - H6 sono i tag di intestazione che vengono assegnati automaticamente a questi titoli. Mantenere una gerarchia dall'alto verso il basso dei titoli, in conformità con i tag dell'intestazione, aiuta sia la SEO che l'accessibilità. 

Per aggiornare uno stile tipografico:

  1. Clicca su Stili del sito  sul lato sinistro dell'Editor
  2. Scegli cosa vuoi personalizzare: un carattere o uno stile del testo:

Aggiungere stili di testo a una pagina

I titoli e i paragrafi a tema possono essere utilizzati dal pannello Aggiungi elementi. Clicca su Testo e trascina lo stile pertinente sotto Stili di testo nella posizione desiderata. 
Screenshot degli stili di testo disponibili nel pannello Aggiungi elementi. Il sottotitolo dello stile del testo è evidenziato

Applicare uno stile a un elemento di testo

Puoi anche applicare uno stile a un elemento di testo esistente nella pagina. Clicca su Modifica testo sull'elemento e seleziona lo stile pertinente dal menu a tendina in Ispezione
Screenshot ritagliato della sezione Design nel pannello Ispezione. Il menu a tendina dello stile è evidenziato

Alternative per gli stili di testo

Se modifichi il design di un elemento di testo dopo aver selezionato uno stile (tema) per esso, stai creando "un'alternativa di design". Ciò significa che eventuali aggiornamenti allo stile scelto non si applicano a questo elemento di testo. 
Puoi ripristinare lo stile originale degli elementi di testo con le alternative. Inoltre, puoi anche applicare le alternative che preferisci allo stile stesso. Passa il mouse su  Stile e clicca sull'icona Altre azioni undefined per selezionare ciò che vuoi fare.
La scheda Design del testo nel pannello Ispezione. Il cursore si trova sull'opzione Ripristina dallo stile del testo

Cambiare i colori del sito

Definisci i colori del tema del sito. I colori del tema sono divisi in categorie, quindi puoi regolarli per parti specifiche del sito. Personalizza la palette complessiva di una categoria o una tonalità specifica in una palette.
Suggerimento:
Questa azione influisce istantaneamente sugli elementi con il colore che desideri modificare. Ad esempio, tutti gli elementi a tema che hai aggiunto o altri elementi su cui hai usato questo colore.

Per modificare i colori del sito:

  1. Clicca su Stili del sito  sul lato sinistro dell'Editor
  2. Scegli cosa vuoi regolare: una palette di colori o un singolo colore:

Aggiungere una transizione di pagina

Aggiungi una transizione di pagina per rendere l'esperienza di navigazione più coinvolgente per i visitatori. Una volta scelta una transizione dal pannello Stili del sito, questa viene visualizzata su ogni pagina del sito. 

Per aggiungere una transizione di pagina:

  1. Clicca su Stili del sito  sul lato sinistro dell'Editor
  2. Clicca su Transizioni di pagina
  3. Seleziona una transizione dall'elenco:
    • Nessuno: non viene mostrata alcuna transizione quando i visitatori si spostano tra le pagine
    • Out-in: la pagina corrente scompare e la pagina nuova compare
Screenshot del pannello Stili del sito con la sezione Transizioni pagina aperta, che seleziona la transizione Out-In

FAQ

Seleziona una domanda per saperne di più sugli stili del sito.

Hai trovato utile questo articolo?

|