Creazione di Caroselli, Widget, Gallerie e Aree HTML

Un carosello è un componente visivo che ti permette di mostrare immagini in evidenza a larghezza completa sulla tua Homepage o all'interno di una pagina specifica. 

Fase 1: Creazione del Carosello 

• Accedi al CMS: Vai al cruscotto del tuo CMS. 

• Raggiungi i Componenti: Clicca sulla sezione COMPONENTI BASE e poi sulla voce COMPONENTI. 

• Seleziona Caroselli: Nella parte superiore del menu di navigazione, la prima voce che trovi è Caroselli. Clicca su di essa. 

• Inizia: In questa sezione puoi creare tutti i caroselli di cui hai bisogno. 

Fase 2: Configurazione delle Immagini 

Per ogni immagine che inserisci nel carosello, tieni a mente i seguenti requisiti e opzioni: 

• Dimensioni Obbligatorie: Le immagini devono essere precisamente 1136px x 400px. 

• Contenuto Visivo: Ogni immagine può essere arricchita da: 

• Un Titolo e un Sottotitolo che verranno visualizzati sopra l'immagine. 

• Collegamento: Puoi rendere l'immagine interattiva collegandola a:  Un contenuto (pagina/news) interno, Un link esterno (URL). 

• Oppure non collegarla a nulla. 

💡 Comportamento del Carosello 

Utilizzo Consigliato: Crea caroselli per evidenziare le diverse sedi/indirizzi della scuola, notizie importanti o progetti e eventi specifici (collegandoli al contenuto di approfondimento). 

Fase 3: Pubblicazione in Homepage 

Dopo aver creato e personalizzato il tuo carosello, devi attivarlo sulla Homepage: 

• Torna al cruscotto del CMS. 

• Vai su CMS > Homepage. 

• Crea una nuova area o modifica un'area esistente. 

• Seleziona il tipo di area CAROSELLO e scegli il carosello che hai appena creato. 

Per una dimostrazione visiva e maggiori informazioni sul processo, puoi consultare il video:  

Clicca per visualizzare il video 🎬 Come creo un carosello.mov 

Come si crea un widget? 

I widget sono componenti grafici versatili che puoi utilizzare per inserire informazioni o collegamenti rapidi sulla tua Homepage o all'interno di altre pagine. 

Fase 1: Creazione del Widget 

• Accedi al Cruscotto del CMS. 

• Raggiungi i Componenti: Clicca sulla sezione COMPONENTI BASE. 

• Seleziona Componenti: Clicca sulla voce COMPONENTI. 

• Trova Widget: Nel menu di navigazione superiore, la seconda voce che trovi sarà Widget. Clicca su di essa. 

• Clicca sul pulsante + Aggiungi widget. 

• Si aprirà una maschera di configurazione. 

Passo 2: Assegna un Titolo al Widget 

• Inserisci un Titolo che identifichi chiaramente il widget (questo può apparire sopra il componente grafico sulla pagina). 

Passo 3: Aggiungi e Configura le Voci di Menu 

Ogni "voce di menu" che aggiungi diventerà un pulsante o un link cliccabile all'interno del tuo widget: 

• Clicca su +Nuova voce di menu. 

• Inserisci il Titolo che vuoi dare a questa voce (es. "Albo Online" o "Orario Lezioni"). 

• Nel menu a tendina Collega a, seleziona il tipo di collegamento desiderato*. 

• Immagine del widget: Carica o seleziona un’immagine per il tuo widget (le dimensioni consigliate in pixel sono: 1000 x 250 px) 

• Salva 

*Opzioni di Collegamento disponibili: 

 

Passo 4: Rendi visibile il widget! 

Una volta che hai creato e salvato il tuo widget, devi attivarlo sulla Homepage o in una pagina specifica: 

• Pubblicazione in Homepage: 

• Torna al cruscotto del CMS. 

• Vai su CMS > Homepage. 

• Crea una nuova area (o modifica un'area esistente). 

• Seleziona il tipo di area Widget e associa il widget che hai appena creato. 

• Pubblicazione in Pagina Interna: La procedura esatta può variare, ma in genere si fa tramite l'editor della pagina stessa (per esempio in Pagine e News) selezionando l'opzione Widget che compare nell’area COMPONENTI. 

Per maggiori dettagli o una dimostrazione visiva del processo, consulta il video:  

Clicca per visualizzare il video 🎬 Come creo un widget.mov 

Come Creare e Pubblicare una Galleria di Immagini (Gallery) 

Per creare una galleria di immagini (gallery) e visualizzarla su una pagina del tuo sito, devi prima accedere al pannello di controllo del CMS. 

Creazione della Galleria Immagini 

Inizia accedendo alla sezione principale per la gestione degli elementi riutilizzabili. Dal cruscotto del CMS, individua la sezione COMPONENTI BASE e clicca sulla voce COMPONENTI. Successivamente, nel menu di navigazione superiore che appare, la terza voce sarà Gallerie. 

Hai due metodi per creare una nuova galleria: 

Metodo 1: Caricamento Diretto Per creare una raccolta e caricare le immagini immediatamente, clicca su Aggiungi galleria. Assegna un titolo alla tua raccolta e procedi al caricamento delle immagini, una alla volta. Ricorda che, a differenza dei caroselli, le immagini nelle gallerie non possono essere collegate a un link esterno. Per ogni immagine caricata, puoi inserire un titolo e una descrizione; quest'ultima apparirà quando l'immagine verrà ingrandita dall'utente. 

Metodo 2: Uso di una Cartella Esistente Un'alternativa più organizzata consiste nel preparare le immagini in anticipo. Prima di accedere alla sezione Gallerie, vai al Serbatoio File del CMS. Lì, crea una nuova cartella e assegnale il nome desiderato (ad esempio: gita_1A). Carica tutte le foto pertinenti all'interno di questa nuova cartella. Fatto ciò, torna in Componenti base > Gallerie, clicca su Aggiungi Galleria, e dopo aver dato un titolo, seleziona l'opzione "Usa cartella del serbatoio", scegliendo la cartella precedentemente creata. Infine, salva la galleria. 

Pubblicazione della Galleria su una Pagina 

Dopo aver creato la galleria, puoi renderla visibile all'interno dei contenuti del sito. 

Vai alla sezione Pagine e news e apri la pagina in cui desideri visualizzare la galleria. All'interno della schermata di modifica della pagina, cerca la sezione destra denominata "componenti". Qui troverai l'opzione Gallerie. Semplicemente selezionando il titolo della galleria che hai appena creato, richiamerai la raccolta di immagini all'interno di quel contenuto. Le gallerie sono generalmente usate per arricchire pagine relative a progetti o eventi con materiale multimediale pertinente. 

Inoltre, le gallerie possono essere richiamate anche da altre schede strutturate del CMS, come Luoghi, Percorsi di studio e Progetti, oltre alle normali Pagine e News. 

Come Inserire un'Area HTML Personalizzata in Homepage 

L'inserimento di un'area HTML richiede prima l'attivazione di un permesso e poi la configurazione diretta nel CMS. 

1. Ottenere il Permesso di Attivazione

Prima di tutto, è necessario disporre dei diritti di accesso per creare e gestire questo tipo di aree in autonomia. 

• Richiesta di Attivazione: Devi inoltrare una richiesta diretta all'assistenza tecnica tramite mail / ticket 

• Conferma: L'assistenza provvederà ad attivare il permesso necessario per l'inserimento e la gestione delle aree HTML. 

2. Inserimento dell'Area HTML

Una volta che il permesso è attivo, puoi procedere all'inserimento dell'area nella homepage. 

• Navigazione: Dal cruscotto, vai alla sezione Homepage. 

• Nuova Area: Clicca su Nuova Area. 

• Selezione del Contenuto: Nel menu a tendina etichettato Tipo contenuto, seleziona la voce Area Html. 

• Inserimento: Clicca sul pulsante Inserisci. 

3. Gestione e Personalizzazione

L'area è ora attiva e pronta per essere modificata da utenti che conoscono e utilizzano il codice HTML. 

• Codice HTML: Puoi inserire il tuo codice HTML personalizzato all'interno di quest'area. 

• Link Interni: Per creare link che puntino a pagine interne del tuo sito, usa la sintassi specifica: , dove id deve essere sostituito con l'identificativo numerico della pagina di destinazione. 

• Posizionamento: Puoi inserire più aree HTML e organizzarne l'ordine nella homepage utilizzando la funzione drag and drop (trascina e rilascia).