Editor Studio: impilare gli elementi
Tempo di lettura: 5 min.
Una pila è un contenitore flessibile che "abbraccia" un gruppo di elementi, in ordine verticale o orizzontale. Assicura che gli elementi rimangano in ordine, con la spaziatura definita da te, e non si sovrappongano mai.
Detto questo, puoi comunque utilizzare i margini negativi per sovrapporre intenzionalmente gli elementi.
Vai alla nostra Wix Studio Academy (contenuti in inglese) per dare un'occhiata a webinar, tutorial e corsi aggiuntivi su Wix Studio.
Hai degli elementi sovrapposti?
Consulta il nostro video sulla risoluzione dei problemi (contenuti in inglese) per scoprire cosa controllare e risolvere questo problema.
Applicare una pila
- Clicca su un elemento che vuoi inserire nella pila
- Tieni premuto il tasto Maiusc e seleziona gli altri elementi della pila
- Clicca su Impila
- (Facoltativo) Trascina la linea tra gli elementi per impostare i margini
![Gli spazi tra gli elementi impilati vengono trascinati per aumentare i margini](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/8066edcc-cce8-4125-b9bd-695fb324dcc2/bbeb2364-9f29-45db-a9f1-3e0400cc9009.gif)
Suggerimento:![I margini della pila vengono trascinati nella direzione opposta per creare una sovrapposizione tra l'immagine e il testo](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/17/b9fbfcf5-e172-4bde-8ec7-a1617ab0a7c2/1cc2ee2d-d415-4b30-a265-577645be4e24.gif)
Puoi anche creare margini negativi per sovrapporre intenzionalmente gli elementi.
![I margini della pila vengono trascinati nella direzione opposta per creare una sovrapposizione tra l'immagine e il testo](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/17/b9fbfcf5-e172-4bde-8ec7-a1617ab0a7c2/1cc2ee2d-d415-4b30-a265-577645be4e24.gif)
Modificare la direzione della pila
Quando impili gli elementi, la direzione è determinata automaticamente dall'ordine degli elementi. Se gli elementi sono disposti verticalmente, ad esempio, la pila sarà verticale.
In ogni caso, puoi sempre cambiare la direzione utilizzando il menu a tendina. Questo riorganizza automaticamente gli elementi in modo che siano nell'ordine giusto.
![Un esempio di pila orizzontale trasformata in verticale, gli elementi sono ora in ordine verticale](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/97d55a97-9873-4f3c-9934-e9fee921e967/10a23464-f3e2-45e9-8593-71678b65ad43.gif)
Gestire una pila
Puoi personalizzare la pila in base ai nuovi contenuti e requisiti. Aggiungi altri elementi alla pila, spostali con un clic e scollega gli elementi che non sono più necessari.
Per gestire una pila:
- Seleziona la pila pertinente
- Scegli cosa fare dopo:
Aggiungi un elemento alla pila
Scollega un elemento dalla pila
Riordina gli elementi nella pila
Togli gli elementi dalla pila
Progettare una pila
La pila non deve essere necessariamente trasparente: puoi progettarla per far risaltare il contenuto sulla pagina. Aggiungi un colore di sfondo, un bordo e un'ombra. Puoi anche rendere gli angoli della pila più arrotondati o squadrati
Per progettare una pila:
- Seleziona la pila pertinente
- Clicca sulla freccia Apri Ispezione
in alto a destra dell'Editor
- Scorri verso il basso fino a Design
- Progetta il design della pila utilizzando le opzioni disponibili:
- Imposta il colore di sfondo e la sua opacità
- Aggiungi un bordo per incorniciare la pila
- Scegli un raggio per gli angoli
- Abilita l'ombra e gestisci le impostazioni come angoli, distanza, dimensioni, ecc.
![Screenshot del pannello Ispezione con le opzioni di design disponibili per una pila selezionata nell'area di lavoro](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/44515945-055e-4c5d-b4c1-c33c7fe8cc7f/0917549a-0198-4283-a7dc-57685eb493fd.png)