Editor Studio Two: impilare gli elementi

Le pile ti permettono di raggruppare più elementi in un'unica unità, così restano sempre disposti insieme. Sono particolarmente utili per i contenuti affiancati, come un testo accanto a un'immagine, o per i contenuti dinamici che devono mantenere il proprio layout mentre il sito si adatta alle diverse dimensioni dello schermo.

Crea una pila per tenere insieme gli elementi correlati e gestirne la spaziatura come un unico gruppo. È particolarmente utile quando gli elementi devono restare affiancati e mantenere un layout coerente.

1. Vai al tuo Editor.
2. Seleziona il primo elemento che vuoi impilare.
3. Tieni premuto il tasto Maiusc mentre clicchi sugli altri elementi che vuoi impilare.
4. Clicca sull'icona Altre azioni nella barra delle azioni.
5. Passa il mouse su Impila e scegli In verticale o In orizzontale.

Man mano che il design cambia, puoi sempre aggiungere altri elementi, riordinare quelli esistenti, toglierne alcuni dalla pila o rimuovere del tutto la pila per aggiornare il layout.

1. Vai al tuo Editor.
2. Clicca sulla pila desiderata.
3. Scegli cosa vuoi fare:

Imposta il layout della pila per decidere come i suoi elementi vengono disposti, distanziati e allineati. Puoi perfezionare queste impostazioni ogni volta che il design richiede un aspetto diverso o i contenuti cambiano.

1. Vai al tuo Editor.
2. Seleziona l'elemento desiderato.
3. Clicca sull'icona Apri Ispezione in alto a destra nell'Editor.

4. (Se non è già aperta) Clicca sulla scheda Design.
5. Scorri fino a Layout.
6. Scegli cosa vuoi fare:
   • Layout pila: passa da una pila orizzontale a una verticale e viceversa. Gli elementi si riorganizzano automaticamente in base al nuovo layout
   • Spaziatura elemento: aggiungi uno spazio uniforme tra gli elementi della pila
     Suggerimento: se regoli la spaziatura a mano nell'area di lavoro e risulta irregolare, accanto a questa impostazione nel pannello Ispezione compare "mix". Inserisci un valore per rendere la spaziatura uniforme
   • Allinea gli elementi: allinea gli elementi all'interno del riquadro delimitatore della pila. In una pila verticale puoi allinearli a sinistra, al centro o a destra, oppure estenderli per occupare tutta la larghezza. In una pila orizzontale puoi allinearli in alto, al centro o in basso
   • (Solo pila orizzontale) Direzione: scegli se mostrare gli elementi da sinistra a destra o da destra a sinistra

Trasforma una pila in un contenitore visivo aggiungendo un bordo o un'ombreggiatura, oppure personalizzandone gli angoli. In questo modo gli elementi raggruppati risaltano sulla pagina.

1. Vai al tuo Editor.
2. Clicca sulla pila desiderata.
3. Clicca sull'icona Tutte le opzioni di design nella barra delle azioni.
4. (Nel pannello Ispezione) Personalizza il design della pila con le opzioni disponibili:
   • Bordi: aggiungi dei bordi per far risaltare la pila, scegliendone colore, larghezza e stile. Puoi cliccare sull'icona Modifica i singoli bordi per applicare un bordo diverso su ciascun lato della pila
   • Angoli: rendi gli angoli arrotondati o squadrati
   • Ombreggiatura: aggiungi un'ombreggiatura dietro la pila per darle profondità
   • Riempimento: scegli uno sfondo per la pila (es. colore, gradiente, immagine, video) e impostane il livello di opacità