Scuola

Configura tutti gli aspetti della tua scuola: branding, aspetto, contatti e funzionalità

Cos'è la configurazione Scuola?

Le impostazioni della Scuola rappresentano il cuore della configurazione della tua piattaforma. Qui definisci l'identità visiva, le funzionalità disponibili, le informazioni di contatto e tutti gli aspetti che rendono unico il sito della tua scuola. Ogni scuola può essere completamente personalizzata in modo indipendente.

💡 Nota: Le impostazioni della scuola sono organizzate in tab per facilitare la gestione. Ogni modifica viene applicata immediatamente al sito dopo il salvataggio.

Tab Generale

Il tab Generale contiene le informazioni base della scuola e la configurazione della navbar.

Nome Scuola

Il nome completo della scuola come appare nel sito e nelle comunicazioni. Deve essere il nome ufficiale dell'istituto.

Esempio: "Scuola Primaria San Francesco", "Istituto Comprensivo Leonardo da Vinci"

Slug

L'identificatore univoco che appare nell'URL del sito (es: tuosito.com/scuola-primaria-roma). Deve essere unico nella piattaforma e non può essere modificato dopo la creazione.

Formato: Usa solo lettere minuscole, numeri e trattini. Evita spazi e caratteri speciali.

⚠️ Attenzione: Una volta impostato, lo slug non può essere modificato per non rompere i link esistenti.

Scuola Attiva

Checkbox che determina se il sito della scuola è accessibile pubblicamente. Se disattivato, il sito non sarà visibile ai visitatori.

Utilizzo: Utile durante la configurazione iniziale o per manutenzione straordinaria.

Logo

Il logo della scuola che appare nella navbar e in altre sezioni del sito. Carica un'immagine di alta qualità in formato PNG con sfondo trasparente.

Dimensioni consigliate: Altezza 80-120px, larghezza proporzionale. Formato PNG con trasparenza.

Struttura Navbar

Configura il menu di navigazione del sito. Puoi creare voci di menu personalizzate e associare ad ognuna diverse funzionalità o pagine.

Come funziona:

  • 1. Crea una voce di menu con un'etichetta (es: "La Scuola", "Didattica")
  • 2. Aggiungi elementi a quella voce selezionando funzionalità predefinite o pagine custom
  • 3. Ogni elemento può avere una descrizione opzionale
  • 4. Riordina le voci trascinandole nella posizione desiderata

Funzionalità disponibili: Chi Siamo, Blog, Eventi, Progetti, Piano Offerta Formativa, Calendario, Comunicazioni, Mensa, Documenti

Tab Aspetto

Il tab Aspetto permette di personalizzare completamente i colori del sito sia per il tema chiaro che per il tema scuro.

Tema colori predefinito

Seleziona un tema colori predefinito da una lista curata. Il sistema applicherà automaticamente i colori sia al tema chiaro che al tema scuro, mantenendo il corretto contrasto.

Temi disponibili: Orange, Purple, Blue, Green, Red, Pink, e altri...

Tema Chiaro - Colori Testo

Definisci i colori del testo per il tema chiaro:

  • Testo Primario: Il colore principale usato per titoli, link e elementi in evidenza
  • Testo Secondario: Il colore secondario usato per sfumature e variazioni

⚠️ Accessibilità: I colori del testo devono avere un contrasto minimo di 4.5:1 con lo sfondo per rispettare gli standard WCAG AA. Il sistema ti avviserà se i colori scelti non rispettano questa soglia.

Tema Chiaro - Colori Sfondo

Definisci i colori di sfondo per il tema chiaro:

  • Sfondo Primario: Il colore di sfondo principale della pagina (solitamente bianco o tonalità chiare)
  • Sfondo Secondario: Il colore di sfondo per sezioni alternate e card (solitamente grigio chiaro)

Tema Scuro - Colori Testo

Definisci i colori del testo per il tema scuro. Generalmente sono versioni più chiare e saturate rispetto al tema chiaro per mantenere la leggibilità.

Suggerimento: Usa tonalità più chiare rispetto al tema chiaro (es: se usi #1e40af nel tema chiaro, prova #60a5fa nel tema scuro)

Tema Scuro - Colori Sfondo

Definisci i colori di sfondo per il tema scuro. Usa tonalità scure ma non completamente nere per ridurre l'affaticamento visivo.

Suggerimento: Evita il nero puro (#000000). Preferisci tonalità di grigio scuro come #1f2937 o #111827.

Tab Contatti

Il tab Contatti contiene le informazioni di contatto della scuola che verranno mostrate nel footer e nelle pagine di contatto.

Email

L'indirizzo email principale della scuola. Verrà mostrato nel footer e usato come contatto di riferimento.

Esempio: segreteria@scuola.it, info@istituto.edu.it

Telefono

Il numero di telefono della segreteria o dell'istituto. Include il prefisso internazionale se necessario.

Esempio: +39 06 12345678, 02 9876543

Indirizzo

L'indirizzo completo della scuola. Puoi usare più righe per una migliore formattazione.

Esempio:
Via Roma, 123
00100 Roma RM
Italia

Tab Funzionalità

Il tab Funzionalità permette di abilitare o disabilitare le diverse sezioni del sito in base alle esigenze della scuola e al piano di abbonamento.

💡 Importante: Alcune funzionalità richiedono piani specifici. Se una funzionalità non è disponibile, verifica il piano di abbonamento della scuola.

Mostra Chi Siamo

Abilita la pagina Chi Siamo dove presentare la storia, la missione e i valori della scuola.

Mostra Blog

Abilita la sezione Articoli/Blog per pubblicare notizie e aggiornamenti. (Piano Starter o superiore)

Mostra Eventi

Abilita la sezione Eventi per gestire il calendario delle attività scolastiche. (Piano Professional o superiore)

Mostra Progetti

Abilita la sezione Progetti per condividere i progetti didattici della scuola. (Piano Professional o superiore)

Mostra Piano Offerta Formativa

Abilita la sezione POF per pubblicare l'offerta formativa dell'istituto.

Mostra Calendario

Abilita il calendario scolastico con eventi e scadenze importanti.

Mostra Comunicazioni

Abilita il sistema di comunicazioni scuola-famiglia con popup e notifiche. (Piano Professional o superiore)

Mostra Mensa

Abilita la sezione Menu della mensa per pubblicare i menu settimanali.

Mostra Documenti

Abilita la sezione Documenti per condividere file scaricabili con le famiglie.

Mostra Insegnanti

Abilita la sezione Insegnanti per presentare il corpo docente.

Mostra Classi

Abilita la gestione delle classi con informazioni e risorse specifiche per ogni classe.

Mostra Pagine

Abilita la creazione di pagine custom personalizzate. (Piano Professional o superiore)

Abilita invio email per comunicazioni

Permette l'invio automatico di email agli iscritti quando vengono pubblicate nuove comunicazioni.

Abilita notifiche push per comunicazioni

Permette l'invio automatico di notifiche push tramite OneSignal quando vengono pubblicate nuove comunicazioni.

Tab Abbonamento

Il tab Abbonamento mostra il piano attivo per la scuola e le funzionalità disponibili. L'abbonamento determina quali funzionalità possono essere abilitate.

Subscription

Relazione all'abbonamento attivo per questa scuola. I super-admin possono modificare il piano di abbonamento dalla sezione Subscriptions.

Piani disponibili:

Free:Funzionalità base per testare la piattaforma
Starter:Include Blog e funzionalità essenziali
Professional:Include Eventi, Progetti, Comunicazioni e Pagine custom
Enterprise:Tutte le funzionalità, supporto prioritario e personalizzazioni avanzate

Best Practices per la Configurazione

  • Scegli uno slug significativo: Lo slug sarà parte permanente dell'URL del tuo sito. Usa il nome della scuola o della città.
  • Carica un logo di qualità: Il logo è la prima cosa che i visitatori vedono. Usa un'immagine PNG con sfondo trasparente e buona risoluzione.
  • Organizza la navbar con criterio: Raggruppa le funzionalità in modo logico. Non creare troppe voci di menu (3-5 voci principali è ideale).
  • Testa i colori su entrambi i temi: Verifica che i colori siano leggibili sia in modalità chiara che scura. Usa il selettore di temi per visualizzare l'anteprima.
  • Rispetta i contrasti: Il sistema ti avviserà se i colori non rispettano gli standard di accessibilità. Segui sempre questi consigli.
  • Compila tutti i contatti: Email, telefono e indirizzo completo aumentano la credibilità del sito e facilitano il contatto.
  • Abilita solo le funzionalità necessarie: Un sito troppo ricco di sezioni può confondere i visitatori. Inizia con le funzionalità essenziali.
  • Monitora il piano di abbonamento: Alcune funzionalità richiedono piani specifici. Verifica di avere il piano adeguato alle tue esigenze.

Suggerimenti su Temi e Colori

Ecco alcuni consigli per scegliere e personalizzare i colori della tua scuola:

🎨 Usa i temi predefiniti come punto di partenza

I temi predefiniti sono stati studiati per garantire il corretto contrasto e un'armonia cromatica. Puoi partire da uno di questi e poi personalizzare solo i dettagli.

🌈 Scegli colori coerenti con l'identità della scuola

Se la scuola ha già un logo o materiali con colori specifici, usa quelli anche nel sito per mantenere coerenza visiva.

♿ Accessibilità prima di tutto

Un sito accessibile è un sito per tutti. Rispetta sempre gli avvisi sul contrasto per garantire che il sito sia leggibile da persone con disabilità visive.

🔍 Testa su dispositivi diversi

I colori possono apparire diversi su desktop, tablet e smartphone, e con luminosità diverse. Verifica sempre su più dispositivi.

⚡ Meno è meglio

Non usare troppi colori diversi. Due colori principali ben scelti sono meglio di un arcobaleno confuso. Il sistema usa già variazioni dei colori impostati per creare profondità visiva.

Scuola - Documentazione | Scuole Infanzia