Box Container e Item
Il "Box Container" è un modulo aggiuntivo ci permette di inserire uno o più "Box Item".
Il contenuto di questa pagina
"Box Container" e "Box Item": panoramica
Ingrandisci immagine
Il modulo aggiuntivo "Box Container" ci permette di integrare un contenitore che raccoglie un insieme di box o anche un singolo box se necessario.
Dal punto di vista grafico, ci sono differenti soluzioni. Infatti, la rappresentazione grafica di un box è slegata dal contenuto, quindi è sufficiente cambiare le impostazioni nel "Box Item" per cambiarne l’aspetto grafico.
Nel CMS
Ingrandisci immagine
Online
Creazione di un "Box Container"
Ingrandisci immagine
Possiamo creare direttamente il modulo “Box Container” dalla sezione “Container” di una pagina cliccando sul bottone “Create new item”.
Ingrandisci immagine
Quindi, bisogna selezionare il tipo di content type desiderato, in questo caso “Box Container”.
Ingrandisci immagine
Poi, confermiamo la selezione con il bottone “Create”.
Ingrandisci immagine
A questo punto, appare il nuovo modulo che dobbiamo compilare in tutte le sue parti necessarie.
Ingrandisci immagine
Campo ”Content item name”
Si tratta del nome che assegniamo internamente all’item, quindi non si tratta del titolo del modulo che si vede poi online, ma può esserci corrispondenza. Serve per identificare l’item nel CMS e viene utilizzato per la ricerca effettuata sotto il campo presente nella sezione “Content & assets”.
Come standard, è meglio assegnare un nome per tutte le varianti linguistiche del progetto, ad es. Name Modul / Nome Modulo. Stacchiamo le versioni linguistiche con uno "slash".
Questo campo è editabile solamente in una lingua del progetto (Lingua "Default").
Ingrandisci immagine
Campo ”Title”
Rappresenta il campo dove dobbiamo inserire titolo per la sezione del modulo, che sarà poi visibile online (non è un elemento obbligatorio).
Ingrandisci immagine
Sezione “Columns”
In questa sezione, possiamo selezionare il numero di colonne desiderate. Questa impostazione è obbligatoria. Possiamo scegliere tra una, due, tre e quattro colonne. Inoltre, c’è una seconda variante per l’opzione a tre colonne (“3 Columns large”). Questo influisce poi sulla disposizione dei singoli box nella pagina.
Ingrandisci immagine
Sezione “Box-Text Alignment”
In questa sezione dobbiamo scegliere l’allineamento del testo nei box: si può scegliere tra sinistra (“left”) e centrale (“center”).
Ingrandisci immagine
Sezione “Background Type”
In questa sezione possiamo definire il colore di sfondo per l’intero modulo: c’è una variante con sfondo trasparente (“white”) e un’altra con sfondo grigio (“gentle light background color grey”).
Ingrandisci immagine
Sezione “Container”
All’interno di una pagina è possibile integrare dei moduli nella sezione dedicata “Container”.
Ci sono due opzioni: possiamo inserire un modulo già esistente tramite il bottone “Add existing items” o crearne uno nuovo tramite il secondo bottone “Create new item”.
Creazione di un "Box Item"
Ingrandisci immagine
Per creare un modulo nuovo, bisogna cliccare sul bottone ”Create new item”.
Ora bisogna selezionare il tipo di "content type" desiderato, in questo caso “Box Item”.
Questi item corrispondono ai singoli box. Ogni singolo box va creato sempre seguendo questi passi.
Ingrandisci immagine
Sezione ”Box Item”
Cliccando sul bottone “Create new item” si apre una finestra nuova con il "content type" “Box Item” già impostato. Si conferma con il bottone “Create”, si finisce direttamente nella sezione "dell’item", dove bisogna procedere con la compilazione dei campi necessari.
Ingrandisci immagine
Sezione “Content item name”
Va assegnato un nome per la sezione di “Content item name” seguendo le regole standard menzionate in precedenza.
Ingrandisci immagine
Campo “Title”
In questo campo di testo si inserisce il titolo per il box.
Ingrandisci immagine
Campo “Text”
In questo campo di testo si inserisce la breve descrizione per il box.
Ingrandisci immagine
Sezione “Box Type”
In questa sezione si sceglie il tipo di rappresentazione grafica per il singolo box, ci sono 5 varianti disponibili:
- senza bordo,
- con bordo,
- con bordo e sfondo grigio,
- con bordo, senza sfondo e barra rossa sopra,
- con bordo, senza sfondo bianco e con barra grigia sopra.
Nel CMS
Ingrandisci immagine
Sezione “Image”
In questa sezione è possibile aggiungere una sola immagine (le impostazioni base restano invariate) che deve avere una larghezza minima di 562 pixel e un’altezza minima di 300 Pixel. L’immagine viene visualizzata in cima al box.
Ingrandisci immagine
Online
Ingrandisci immagine
Sezione “Link internal”
In questa sezione si può collegare una pagina interna del progetto al box. Funziona solo se non è stato inserito un link esterno. Infatti, non è possibile inserire contemporaneamente un link interno e un link esterno.
Ingrandisci immagine
Sezione “Link external”
In questa sezione si può collegare una pagina esterna al singolo box. Bisogna ricordarsi di inserire l’indirizzo internet completo del sito esterno.
Ingrandisci immagine
Sezione “Link Type”
In questa sezione si definisce il tipo di link, possiamo scegliere tra un collegamento sul titolo del box o la visualizzazione di un bottone con link.
Ingrandisci immagine
Online
Questo è un esempio con link sul titolo (“Title”):
Ingrandisci immagine
Questo invece è un esempio con link sul bottone (“Button”):
Ingrandisci immagine
Sezione “Link/Button Text”
In questa sezione si immette il testo riservato al collegamento con bottone.
Ingrandisci immagine
Una volta terminato il lavoro si pubblica la pagina contenente il modulo “Box Container” assieme ai singoli “Box Item” in essi contenuti tramite il bottone “Publish” in alto nell’interfaccia del CMS.
Ultimo aggiornamento: 05/09/2025