Torna al supporto Contenuti ed elementi multimediali Blocchi Blocco Gruppo

Blocco Gruppo

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.

Videointroduzione

Crea un gruppo

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.

Aggiungi un blocco Gruppo

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:

Selettore di layout del blocco Gruppo
Selezione di una variazione Gruppo, Riga o In colonna

Quando selezioni un layout, puoi fare clic sull’icona + per l’inserimento dei blocchi per iniziare ad aggiungere blocchi all’interno del gruppo:

Blocco Gruppo inserito
Fai clic su + per l’inserimento dei blocchi per aggiungere blocchi interni

Raggruppa Blocchi esistenti

Puoi raggruppare i blocchi già presenti nella pagina seguendo questi passaggi:

  1. 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.
  2. 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):
Una freccia indica l'opzione gruppo dopo aver fatto clic sulle altre opzioni dei tre puntini nella barra degli strumenti.
Aggiungi un singolo blocco a un gruppo
Una freccia indica le icone del gruppo nella barra degli strumenti del blocco.
Raggruppa più blocchi insieme

Dopo aver fatto clic sull’icona Gruppo nella barra degli strumenti, i blocchi verranno posizionati all’interno di un blocco Gruppo.

Seleziona il 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:

Visualizzazione in modalità elenco

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:

L'opzione Visualizzazione in modalità elenco espansa per mostrare i diversi blocchi sulla pagina, con il blocco Gruppo evidenziato.
Un blocco Gruppo nella Visualizzazione in modalità elenco

Selettore del Blocco principale nella Barra degli strumenti

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:

Una freccia indica l'icona del blocco gruppo nella barra degli strumenti.

Barra degli strumenti del blocco Gruppo

Quando selezioni un blocco Gruppo, verrà visualizzata una barra degli strumenti delle opzioni sopra di esso:

La barra degli strumenti del blocco Gruppo con le icone per spostare il blocco, modificare l'allineamento e il menu Altre opzioni.
Barra degli strumenti del blocco Gruppo

Le icone sulla barra degli strumenti del blocco Gruppo, a partire da sinistra, sono:

Impostazioni del blocco Gruppo

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:

L'icona delle impostazioni nell'Editor con la descrizione comando "Impostazioni" sotto di essa.
Fai clic sull’icona Impostazioni per aprire le impostazioni del blocco

Trasforma in Riga, In colonna o Griglia

Cambia il blocco Gruppo con una delle seguenti varianti:

Impostazioni layout

Usa le impostazioni del layout per controllare la larghezza e la posizione dei blocchi all’interno di un gruppo:

Impostazioni del layout nel blocco 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:

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.

Impostazioni Layout del blocco Gruppo

Puoi usare l’impostazione Giustificazione per allineare i blocchi interni a sinistra, a destra o al centro del gruppo.

Impostazioni posizione

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.

Una GIF animata che mostra un esempio di un gruppo bloccato nella parte superiore della schermata mentre il lettore scorre verso il basso.
La casella di abbonamento è un gruppo fissato nella parte superiore della schermata

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.

Avanzate

Scopri di più sulle impostazioni avanzate del blocco.

Stili del blocco Gruppo

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:

Una freccia indica l'icona Stili su cui puoi fare clic per aprire la sezione Stili del blocco.

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:

Immagine di sfondo

Negli stili del blocco Gruppo, puoi anche impostare un’immagine di sfondo da visualizzare dietro il contenuto del blocco:

  1. Seleziona il blocco Gruppo.
  2. 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.

L'icona delle impostazioni nella parte superiore dell'editor di WordPress evidenziata.
Icona delle impostazioni nell’angolo in alto a destra
  1. 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:

Se per l’opzione di dimensione si sceglie “Contenimento” o “Fisso”, puoi anche scegliere se l’immagine verrà ripetuta utilizzando l’impostazione “Ripeti immagine”.

Opzioni visualizzate per definire il dimensionamento delle immagini di sfondo per i blocchi gruppo.

Separa blocchi

Se desideri rimuovere un blocco Gruppo senza cancellare i blocchi interni, puoi invece separare i blocchi. Segui questi passaggi:

  1. Seleziona Visualizzazione in modalità elenco nella parte superiore della schermata di modifica.
  2. Seleziona il blocco Gruppo.
  3. Fai clic sui tre puntini accanto al blocco Gruppo
  4. Seleziona l’opzione Separa.
GIF che mostra la selezione di Separa nella barra degli strumenti del blocco.
Copied to clipboard!