Collapse Container e Item

Collapse container e Collapse item sono moduli che ci permettono di integrare i "collapse": elementi che si aprono e si chiudono, formati da titolo e testo descrittivo.

Collapse: informazioni generali

Modulo Collapse Container
Modulo "Collapse Container"

Il "collapse" è utile in caso di testi lunghi, che possono risultare difficili da leggere e navigare.

In sintesi, il Collapse container è il contenitore che raggruppa i singoli Collapse item.

Nel CMS

Creazione di un Collapse Container

Sezione Container: bottone Create new item
Sezione Container: bottone "Create new item"

Puoi creare direttamente un modulo di tipo “Collapse container” dalla sezione “Container” di una pagina cliccando sul bottone “Create new item”

Questo contenitore serve per raggruppare poi i singoli “collapse item”, le sezioni apribili/chiudibili con titolo e testo. 

Collapse Container: Selezione content type
Collapse Container: Selezione content type

Quindi, devi selezionare il tipo di content type desiderato, in questo caso “Collapse Container”.

Collapse Container: bottone Create
Collapse Container: bottone "Create"

Poi, conferma la selezione con il bottone “create”.

Collapse Container: Item aperto
Collapse Container: Item aperto

A questo punto, troverai il nuovo modulo che va compilato in tutte le sue parti necessarie.

Collapse Container: Content item name
Collapse Container: Content item name

Campo "Content item name" 

Il "Content item name" è il nome assegnato all’item solo all’interno di Kontent.ai quindi non si tratta del titolo del modulo che si vede poi online. Tuttavia, può esserci corrispondenza. In pratic.a, serve per identificare l’elemento ("item") nel CMS e viene utilizzato per la ricerca effettuata sotto il campo presente nella sezione "Content & assets".  

Come standard va assegnato un nome per tutte le varianti linguistiche del progetto, ad es. Name Modul / Nome Modulo.  

Ricordati di separare le versioni linguistiche con uno slash. 
Questo campo è editabile solamente in una lingua del progetto. 

Collapse Container: Title
Collapse Container: "Title"

Campo "Title" 

Se lo desideri, puoi assegnare un titolo al modulo, altrimenti lascia vuoto questo campo. 

Collapse Container: background type transparent
Collapse Container: background type transparent

Selezione "Background type" 

Puoi scegliere il tipo di sfondo da assegnare alla sezione del modulo (trasparente o grigio). 

Online: modulo con sfondo trasparente:

Collapse Container: background type grey
Collapse Container: background type grey

Online: modulo con sfondo grigio:

Creazione di un Collapse Item

Collapse Container: bottone Create new item
Collapse Container: bottone "Create new item"

In questa sezione si possono caricare dei “collapse item” già presenti nel progetto tramite “Add existing item” o creare item nuovi tramite il bottone “Create new item”

Questi item corrispondono alle sezioni apribili/chiudibili. Ogni singola sezione va creata sempre seguendo questi passi. 

Collapse Item: Item aperto
Collapse Item: Item aperto

Sezione "Collapse item" 

Nota: non è previsto l’inserimento di immagini all’interno di questo elemento, ma solo testo. 

Cliccando sul bottone “Create new item” si apre direttamente la sezione del “collapse item”, dove bisogna procedere con la compilazione dei campi necessari. 

Collapse Item: Content item name
Collapse Item: Content item name

Sezione "Content item name" 

Va assegnato un nome per la sezione di “Content item name” seguendo le regole standard menzionate in precedenza.

Collapse Item: Title
Collapse Item: Title

Campo "Title" 

In questo caso il campo del titolo è obbligatorio. 

Collapse Item: Title style
Collapse Item: Title style

Campo "Title style" 

In questa sezione si deve assegnare il livello del titolo, “H2” o “H3”. “H2” è il sottotitolo a livello 2, “H3” quello a livello 3. La scelta deve rispettare il tipo di titolo che precede il titolo dell’elemento “collapse item”. Il titolo principale di una pagina corrisponde sempre ad un “H1”. Se non ci sono altri sottotitolo allora il livello da assegnare per il sottotitolo è di tipo “H2”, in caso contrario “H3”. A seconda del tipo cambia l’importanza del titolo e il suo aspetto grafico. Va sempre seguito un ordine logico e sequenziale, non vanno assegnati a caso quindi. 

Collapse Item: Text
Collapse Item: Text

Campo "Text"

In questo campo vanno inseriti i testi ricordando che non è previsto l’inserimento di immagini. 

Nota: sotto la sezione “Pagine standard” si trovano una serie di suggerimenti su come scrivere correttamente i testi per il web.

Ultimo aggiornamento: 28/08/2024

Informativa

Questo sito fa uso di cookie tecnici, analitici e, previo Suo consenso, cookie di terze parti per garantirLe una migliore esperienza di navigazione. Cliccando su “Accetta” acconsente all’utilizzo dei cookie di terze parti; cliccando invece su “Rifiuta” potrà continuare senza accettare: in tal caso verranno utilizzati solo i cookie tecnici e analitici ma alcune funzionalità ed alcuni contenuti potrebbero non essere disponibili. Clicchi su “Scopri di più e personalizza” per avere maggiori informazioni sui cookie utilizzati ed esprimere il Suo consenso, che in qualsiasi momento potrà essere liberamente rifiutato, revocato o prestato. Ulteriori dettagli sono disponibili nella cookie policy completa.