Il blocco Gruppo riunisce altri blocchi all’interno di un contenitore, consentendoti di impostare un colore di sfondo, regolare la spaziatura e organizzare diverse sezioni di pagina. Questa guida spiegherà come usare il blocco Gruppo sul tuo sito.
In questa guida
Ci sono diversi modi per raggruppare i blocchi. Puoi scegliere di iniziare con un blocco Gruppo vuoto e aggiungervi contenuti, oppure puoi raggruppare blocchi esistenti. Queste opzioni sono descritte di seguito.
Per aggiungere un blocco Gruppo vuoto, fai clic sul pulsante + per l’inserimento del blocco e cerca “gruppo”. Fai clic per aggiungere il blocco all’articolo o alla pagina. Usando la tastiera, puoi anche digitare /gruppo su una nuova riga e premere Invio per aggiungere rapidamente un nuovo blocco Gruppo.
Per saperne di più sull’aggiunta dei blocchi, dai un’occhiata a queste istruzioni dettagliate.
Dopo aver inserito un blocco Gruppo, ti verrà chiesto di selezionare un layout tra le seguenti opzioni:
- Gruppo: l’opzione di raggruppamento predefinita per organizzare i blocchi interni in un contenitore.
- Riga: organizza i blocchi interni fianco a fianco. Visita la guida del blocco Riga.
- In colonna: organizza i blocchi interni uno sopra l’altro. Visita la guida del blocco In colonna.
- Griglia: organizza i blocchi in una composizione a griglia. Visita la guida del blocco Griglia.
Quando selezioni un layout, puoi fare clic sull’icona + per l’inserimento dei blocchi per iniziare ad aggiungere blocchi all’interno del gruppo:
Puoi raggruppare i blocchi già presenti nella pagina seguendo questi passaggi:
- Seleziona il blocco o i blocchi che desideri raggruppare. Puoi selezionare più blocchi nei seguenti modi:
- Evidenzia i blocchi con il mouse.
- Fai clic sul primo blocco, tenendo premuto il tasto Maiusc sulla tastiera, e fai clic sul blocco finale. In questo modo selezionerai tutti i blocchi tra il primo e l’ultimo.
- Usa la Visualizzazione in modalità elenco, fai clic sul primo blocco, premi il tasto Maiusc sulla tastiera e fai clic sul blocco finale. In questo modo selezionerai tutti i blocchi tra il primo e l’ultimo.
- Nella barra degli strumenti del blocco che appare sopra o sotto i blocchi, fai clic sull’ellissi (tre punti), quindi scegli l’opzione “Gruppo“. Se si selezionano più blocchi, nella barra degli strumenti verranno visualizzate nuove icone per creare rapidamente un gruppo o una variante di un gruppo (riga, in colonna o griglia):
Dopo aver fatto clic sull’icona Gruppo nella barra degli strumenti, i blocchi verranno posizionati all’interno di un blocco Gruppo.
Il blocco Gruppo ha diverse impostazioni a cui puoi accedere selezionando il blocco. Tuttavia, non è possibile selezionare un blocco Gruppo facendo clic su di esso, perché facendo clic su qualsiasi blocco all’interno del gruppo (noto come blocchi secondari) verrà selezionato il blocco interno, invece del blocco Gruppo generale (noto come blocco principale).
Esistono alcuni metodi diversi che puoi utilizzare per selezionare il blocco Gruppo principale:
Puoi selezionare il blocco Gruppo utilizzando la Visualizzazione in modalità elenco nella parte superiore della schermata dell’editor. Qui viene mostrato il blocco Gruppo, con tutti i blocchi interni elencati di seguito:
Quando fai clic su un blocco che è stato raggruppato, l’icona del blocco Gruppo apparirà nella barra degli strumenti del blocco. L’icona del blocco Gruppo, rappresentata da due quadrati sovrapposti, appare a sinistra del blocco selezionato. Puoi fare clic sull’icona del blocco Gruppo per selezionare il blocco Gruppo:
Quando selezioni un blocco Gruppo, verrà visualizzata una barra degli strumenti delle opzioni sopra di esso:
Le icone sulla barra degli strumenti del blocco Gruppo, a partire da sinistra, sono:
- Modifica tipo di blocco.
- Trascina il blocco.
- Sposta il blocco verso l’alto o il basso.
- Allinea in larghezza o a schermo intero (se supportato dal tema)
- Altre opzioni.
Selezionando un blocco, troverai impostazioni del blocco aggiuntive nella barra laterale destra. Se non vedi la barra laterale, potresti dover fare clic sull’icona Impostazioni nell’angolo in alto a destra per visualizzare le impostazioni. Questa icona ha l’aspetto di un quadrato con due colonne irregolari:
Cambia il blocco Gruppo con una delle seguenti varianti:
- Riga: organizza i blocchi interni fianco a fianco. Visita la guida del blocco Riga.
- In colonna: organizza i blocchi interni uno sopra l’altro. Visita la guida del blocco In colonna.
- Griglia: organizza i blocchi in una composizione a griglia. Visita la guida del blocco Griglia.
Usa le impostazioni del layout per controllare la larghezza e la posizione dei blocchi all’interno di un gruppo:
Quando l’opzione “I blocchi interni usano la larghezza del contenuto” è disattivata, i blocchi aggiunti all’interno del blocco Gruppo riempiranno la larghezza dell’area contenuti predefinita della pagina.
Per un maggiore controllo sulla larghezza dei blocchi interni, attiva l’opzione “I blocchi interni usano la larghezza del contenuto” . Puoi quindi specificare la larghezza dei blocchi interni utilizzando le seguenti opzioni:
- Contenuto: la larghezza dell’area contenuti per i blocchi non impostata su larghezza o schermo intero.
- Larghezza: la larghezza dei contenuti per i blocchi impostata su larghezza ampia.
Non esiste nessuna opzione per impostare la larghezza a schermo intero, perché i blocchi impostati su schermo intero copriranno tutta la schermata per impostazione predefinita.
Puoi usare l’impostazione Giustificazione per allineare i blocchi interni a sinistra, a destra o al centro del gruppo.
Imposta la posizione del blocco Gruppo su In evidenza per fissare il gruppo nella parte superiore della finestra mentre il visitatore scorre verso il basso. Un’icona a forma di puntina verrà visualizzata vicino al blocco Gruppo nella Visualizzazione in modalità elenco.
Solo i gruppi di primo livello possono essere impostati come in evidenza. Assicurati che il blocco Gruppo non sia nidificato all’interno di qualsiasi altro blocco per far funzionare l’effetto in evidenza.
Se l’impostazione della posizione è impostata su Predefinito, il gruppo verrà visualizzato nell’ordine presentato nella pagina.
Scopri di più sulle impostazioni avanzate del blocco.
Nella barra laterale delle impostazioni del blocco, fai clic sull’icona Stili per accedere alle impostazioni di progettazione del blocco. L’icona Stili ha la forma di un cerchio con una metà riempita:
Qui puoi impostare colore del testo, colore di sfondo, dimensione e caratteri del testo, riempimento, margine e spaziatura dei blocchi. Guarda le seguenti guide per ulteriori dettagli su come usare queste impostazioni:
Negli stili del blocco Gruppo, puoi anche impostare un’immagine di sfondo da visualizzare dietro il contenuto del blocco:
- Seleziona il blocco Gruppo.
- Nella barra laterale delle impostazioni sulla destra, fai clic sulla scheda Stili.
Se la barra laterale non è visibile sulla destra, potresti dover fare clic sull’icona Impostazioni nell’angolo in alto a destra per visualizzare le impostazioni. Questa icona ha l’aspetto di un quadrato con due colonne irregolari.
- In Sfondo, fai clic su “Immagine di sfondo” per visualizzare le seguenti opzioni:
- Apri la Libreria multimediale: seleziona un’immagine esistente dai Media del tuo sito.
- Carica: aggiungi una nuova immagine dal tuo computer o dispositivo.
- Reimposta: rimuovi immagine di sfondo.
L’immagine di sfondo avrà la priorità su qualsiasi colore di sfondo impostato.
Facendo clic sul menu con i tre puntini accanto a “Immagine di sfondo“, puoi definire l’opzione Dimensione per la tua immagine:
- Copertina: allunga l’immagine di sfondo per coprire l’intero blocco.
- Contenimento: ridimensiona l’immagine di sfondo per adattarla al blocco senza ritagliarla.
- Fisso: imposta una larghezza fissa per l’immagine di sfondo nel campo personalizzato.
Se per l’opzione di dimensione si sceglie “Contenimento” o “Fisso”, puoi anche scegliere se l’immagine verrà ripetuta utilizzando l’impostazione “Ripeti immagine”.
Se desideri rimuovere un blocco Gruppo senza cancellare i blocchi interni, puoi invece separare i blocchi. Segui questi passaggi:
- Seleziona Visualizzazione in modalità elenco nella parte superiore della schermata di modifica.
- Seleziona il blocco Gruppo.
- Fai clic sui tre puntini accanto al blocco Gruppo
- Seleziona l’opzione Separa.