Editor X: raggruppare gli elementi

Tempo di lettura: 5 min.
Editor X sta passando a Wix Studio, la nostra nuova piattaforma per agenzie e freelancer.Scopri di più su Wix Studio
Esegui azioni su più elementi utilizzando Grouping (Raggruppa), uno strumento di selezione multipla intelligente. Esso può accelerare in modo significativo il processo di progettazione, in quanto consente di trascinare, ridimensionare, organizzare, allineare e aggiungere animazioni a tutti gli elementi associati contemporaneamente. 

In questo articolo imparerai come:


Creare un nuovo gruppo

Puoi raggruppare tutti gli elementi che vuoi, purché condividano lo stesso contenitore principale (ad es., pile, riquadri, sezioni). I gruppi creati si applicano a tutti i tuoi punti di interruzione, così come eventuali modifiche apportate a un gruppo esistente.

Per raggruppare gli elementi:

  1. Tieni premuto il tasto Maiusc e seleziona gli elementi pertinenti
  2. Clicca su Group (Raggruppa)
    Suggerimento: per raggruppare gli elementi puoi anche premere Ctrl + G / Cmd + G sulla tastiera

Qual è la differenza tra raggruppamento e impilamento?
  • Impilare assicura che gli elementi rimangano nel loro ordine verticale in ogni dimensione dello schermo, mentre raggruppando, ci si avvale di uno strumento di modifica che consente di eseguire azioni su più elementi
  • Impilare gli elementi già presenti in un gruppo li separerà automaticamente e creerà un contenitore trasparente in modo che non si sovrappongano mai

Aggiungere elementi a un gruppo

Puoi sempre aggiungere altri elementi a un gruppo e rimuovere quelli che non ti servono. Un'altra opzione è la fusione di gruppi esistenti in un grande gruppo di elementi.  

Per aggiungere elementi a un gruppo:

  1. Tieni premuto il tasto Maiusc e seleziona il gruppo/i e l'elemento/i da aggiungere
  2. Clicca su Group (Raggruppa)

Rimuovere un elemento da un gruppo

Se necessario, puoi rimuovere elementi specifici da un gruppo esistente. Gli elementi non vengono rimossi dal sito, ma non saranno più associati al gruppo.

Per rimuovere un elemento:

  1. Clicca sull'icona Layers (Livelli)  in alto a sinistra dell'Editor
  2. Seleziona l'elemento che vuoi rimuovere
  3. Clicca sull'icona Detach from Group (Rimuovi dal gruppo)  accanto all'elemento
Suggerimento:
È inoltre possibile cliccare con il pulsante destro del mouse sull'elemento pertinente e selezionare Rimuovi dal gruppo.

Modificare un singolo elemento di un gruppo

Seleziona i singoli elementi dal tuo gruppo per progettarli individualmente. Puoi spostarli e modificare il progetto senza sortire effetti sull'intero gruppo.
Clicca sull'elemento in questione sulla tua pagina, poi clicca nuovamente su di esso per modificarlo:
Suggerimento:
Puoi anche modificare dei singoli elementi nei seguenti modi:
  • Tieni premuto il tasto Ctrl/Cmd sulla tastiera e clicca sull'elemento per selezionarlo
  • Apri il pannello Livelli , seleziona l'elemento e clicca nuovamente su di esso 

Separare gli elementi

Puoi separare gli elementi in qualsiasi momento. Questa azione non rimuoverà gli elementi dal sito, ma solo la loro associazione come gruppo.

Per separare gli elementi:

  1. Seleziona il gruppo nell'Editor
  2. Clicca su Ungroup (Separa)
    Suggerimento: puoi anche premere Ctrl + Shift + G (PC)/Cmd + Shift + G (Mac) nella tastiera per la separazione

Gestire i gruppi nel pannello Livelli

Accedi al pannello Livelli in alto a sinistra dell'Editor per visualizzare i gruppi della pagina.
Quando gli elementi si trovano in un gruppo, vedrai l'icona che indica il gruppo sulla destra:
Cliccando su qualsiasi elemento di un gruppo, vengono selezionati anche gli altri elementi ed evidenziati in blu:
Clicca nuovamente su un elemento del gruppo per gestirlo individualmente. L'elemento selezionato viene evidenziato in blu:

Hai trovato utile questo articolo?

|