Guide/Crea contenuti/Design/Aggiungere stili ai gruppi

Aggiungere stili ai gruppi

Utilizzando i blocchi Gruppo, è possibile aggiungere stili di design a gruppi di contenuti. In questa guida imparerai come personalizzare l’aspetto di un blocco Gruppo aggiungendo colori, bordi ed elementi visivi.

Tutorial video

Applicare uno stile predefinito a un gruppo

Gli stili predefiniti sono una funzionalità inclusa in diversi temi a blocchi. Per applicare uno stile predefinito, segui questi passaggi:

  1. Fai clic su Visualizzazione in modalità elenco nella parte superiore della schermata di modifica.
  2. Seleziona il blocco Gruppo.
  3. Nella barra laterale delle impostazioni del bocco, fai clic sulla scheda Stili (l’icona assomiglia a cerchio bianco e nero).
  4. Fai clic su uno stile per applicarlo al blocco Gruppo.
The Styles section of the Group block sidebar settings.

Se non disponi di stili predefiniti, puoi comunque applicare stili personali a un blocco Gruppo (come descritto di seguito).

Modificare i colori di un gruppo

È possibile modificare i colori predefiniti di un blocco Gruppo, inclusi il colore di sfondo, il colore del testo e altro ancora. Per modificare i colori utilizzati in un blocco Gruppo, segui questi passaggi:

  1. Fai clic su Visualizzazione in modalità elenco nella parte superiore della schermata di modifica.
  2. Seleziona il blocco Gruppo.
  3. Nella barra laterale delle impostazioni del bocco, individua la sezione Colore .
The "Color" section of the Group block's settings sidebar.
  1. Fai clic sul nome dell’elemento di cui desideri modificare il colore e seleziona il nuovo colore.
  2. Fai clic sull’icona delle opzioni di colore () per abilitare le opzioni per la modifica dei colori predefiniti dei titoli e dei pulsanti.
  3. Fai clic su “Salva” o “Pubblica” per salvare le modifiche.

Scopri di più sulla modifica dei colori.

Aggiungere un’immagine di sfondo

Le immagini di sfondo sono visivamente accattivanti e creano contesto per i tuoi contenuti. Per aggiungere un’immagine di sfondo a un blocco Gruppo, segui questi passaggi:

  1. Fai clic su Visualizzazione in modalità elenco nella parte superiore della schermata di modifica.
  2. Seleziona il blocco Gruppo.
  3. Nella barra laterale delle impostazioni del bocco, trova la sezione “Immagine di sfondo“.
  4. Fai clic su “Aggiungi immagine background” per selezionare un’immagine dalla libreria multimediale del sito o caricane una nuova.
The "Background image" section of the Group block's settings sidebar.

Per rimuovere un’immagine di sfondo, fai clic sull’iconadelle opzioni dell’immaginedi sfondo (⋮) nella sezione “Immagine di sfondo” e seleziona il link “Ripristina“.

Aggiungere un bordo o un’ombra

I bordi e le ombre creano profondità e aiutano a separare visivamente le sezioni dei contenuti. Per aggiungere questi elementi a un blocco Gruppo, segui questi passaggi:

  1. Fai clic su Visualizzazione in modalità elenco nella parte superiore della schermata di modifica.
  2. Seleziona il blocco Gruppo.
  3. Nella barra laterale delle impostazioni del bocco, trova la sezione Bordo e ombra .
  4. Personalizza il bordo regolando i seguenti parametri:
    • Larghezza: lo spessore del bordo.
    • Stile: stili con linea continua, tratteggiata o punteggiata.
    • Colore: puoi scegliere se usare i colori predefiniti o crearne uno personalizzato.
    • Raggio: consente di aggiungere angoli arrotondati al blocco Gruppo.
  5. Fai clic sul menu delle opzioni di Bordo e ombra (⋮) per visualizzare l’opzione Ombra , quindi seleziona uno dei design predefiniti.

Scopri di più sulle impostazioni di bordo e ombra.

Riutilizzare gli stili

Creare design uniformi su un sito consente di risparmiare tempo e migliora la coerenza dal punto di vista visivo. Per impostare gli stili predefiniti per tutti i blocchi Gruppo, segui questi passaggi:

  1. Vai ad Aspetto → Editor → Stili.
  2. Individua il blocco Gruppo nella sezione Blocchi e imposta le preferenze di sfondo e bordo e le altre opzioni di stile che desideri.
  3. Fai clic su Salva per applicare le impostazioni predefinite a tutti i blocchi Gruppo.

Nota: puoi sempre personalizzare i singoli blocchi Gruppo utilizzando la barra laterale delle impostazioni del blocco.

Scopri di più su come impostare gli stili per il tuo sito.

Copied to clipboard!