Ogni elemento di una pagina ha lo stesso tipo di pannello delle impostazioni. Una volta capito come funziona, puoi personalizzare lo stile di qualsiasi elemento.
Apri le impostazioni di un elemento
Clicca sull'elemento nella pagina. Il suo pannello si apre a sinistra con un massimo di quattro schede, mostrate come icone:
- Contenuto: cosa dice o mostra l'elemento, come l'immagine, il video o l'azione del pulsante.
- Stili: che aspetto ha: dimensioni, colori, bordo, forma e allineamento.
- Impostazioni: come si comporta.
- Effetti: animazioni ed effetti visivi. Vedi Animazioni, coriandoli e altri effetti.
Un elemento mostra solo le schede che usa. Testi, titoli e spaziatori non hanno un pannello: li modifichi direttamente sulla pagina.
La barra degli strumenti dell'elemento
Accanto all'elemento selezionato compare una piccola barra degli strumenti:
- Seleziona sezione (oppure Seleziona intestazione / Seleziona piè di pagina) seleziona la sezione in cui si trova l'elemento.
- Sposta elemento ti permette di trascinarlo, oppure premi Shift+↑ e Shift+↓.
- Duplica elemento crea una copia (Ctrl/Cmd+D).
- Elimina elemento lo rimuove. Giochi, moduli, calendari e grafiche interattive ti chiedono una conferma. Tieni premuto Alt e premi Canc per saltare la domanda, dove è consentito.
Premi Tab e Shift+Tab per selezionare l'elemento successivo o precedente.
I controlli di stile comuni
- Dimensione: scegli Piccolo, Medio o Grande, oppure clicca sui tre puntini per impostare tu Larghezza e Altezza. Per i pulsanti puoi scegliere adatta al testo, così crescono insieme all'etichetta.
- Forma: Quadrato, Arrotondato, Pillola o un raggio degli angoli personalizzato.
- Bordo: Nessuno, Pieno, Doppio, Punteggiato, Tratteggiato o Scanalato, con uno spessore e un colore.
- Colore: scegli un colore o digita un codice esadecimale. I tuoi Colori usati di recente sono mostrati nel selettore.
- Sfondo: un Colore, un'Immagine (con Posizionamento: In alto, Centro o In basso) oppure, sulle pagine, un Video da YouTube, Vimeo o da un tuo file.
- Allineamento: Sinistra, Centro o Destra, oppure una griglia 3 × 3 per gli elementi che possono stare in un angolo.
- Spaziatura: lo spazio tra le parti di un elemento.
- Ombra: attivala e imposta colore, sfocatura e posizione.
Il design kit e i tuoi stili
La maggior parte degli elementi usa il tuo design kit finché non li modifichi. Quando hai cambiato lo stile di un pulsante, nella scheda Stili compaiono due pulsanti:
- Cancella stili riporta l'elemento al design kit.
- Applica a tutti salva le tue modifiche nel design kit, così tutti i pulsanti le seguono.
Modifiche solo per mobile e tablet
Passa a Mobile o Tablet sopra la pagina e cambia un'impostazione: la modifica vale solo per quella dimensione dello schermo. Accanto alle impostazioni diverse dalla versione desktop compare una piccola freccia di annullamento. Cliccala per usare di nuovo il valore desktop.
Add-on
Molti elementi hanno funzionalità extra, chiamate add-on. Clicca sul pulsante degli add-on (suggerimento Estensioni avanzate) nel pannello per vederli, per esempio Add-on pulsante o Add-on modulo. Ogni add-on ha una breve descrizione e un interruttore. Alcuni add-on hanno le proprie Impostazioni: clicca sull'ingranaggio per aprirle. Gli add-on attivi sono elencati nel pannello, così vedi a colpo d'occhio cosa è acceso.