Gestisci la Grafica

Docebo offre vari strumenti per personalizzare il layout della tua piattaforma.
Il pannello di Gestione grafica ti permette di modificare il logo della tua piattaforma, l'immagine e il layout della pagina di login.

Questa breve guida ha l'intento di mostrare come personalizzare il layout della Docebo utilizzando gli strumenti presenti in essa.

Il tuo nuovo logo apparirà nell'angolo in alto a sinistra della tua Docebo.
Puoi utilizzare il logo ufficiale della tua azienda o un logo che si riferisca nello specifico al tuo progetto formativo. In ogni caso, scegli un logo accattivante per gli utenti.

Questo è il risultato:

Personalizza la pagina di login: Immagine e Layout

Dopo aver caricato il tuo logo, puoi personalizzare l'immagine della pagina di login.

Scegli un'immagine tra quelle proposte oppure caricane una presente sul tuo computer.

Anche l'immagine della pagina di login deve essere massimo 200 Mb.

Per un risultato ottimale ti consigliamo di utilizzare un'immagine con risoluzione 900x372 px.
Clicca Salva modifiche per visualizzare un'anteprima del risultato finale.

Questo è il risultato:

Puoi anche personalizzare il layout della pagina di login.

Tale operazione ti permetterà di spostare i campi di login, attribuire un titolo e una descrizione alla tua piattaforma, aggiungere la traduzione in più lingue in modo che utenti di nazionalità diverse possano visualizzarli nella propria lingua.
Per rendere il processo di personalizzazione più semplice, Docebo ti fornisce tre diversi layout.

Con un solo click potrai spostare i campi di login di lato, in alto o in basso.
La descrizione cambierà posizione in base al layout scelto.
Una volta scelto il layout che preferisci, clicca Salva modifiche per rendere effettivi i cambiamenti apportati.

Questo è il risultato:

Aggiungi Pagine Esterne

Passa alla Versione Avanzata, accedi all'Amministrazione e dal menu Impostazioni scegli la voce Pagine Esterne.

Lo strumento Pagine Esterne è utile per inserire degli approfondimenti testuali, video, link o foto all'interno della pagina di login della tua piattaforma.

In tal modo potrai presentare il progetto formativo ai tuoi utenti, reindirizzarli al tuo sito istituzionale o mostrar loro video o immagini.

Per aggiungere una pagina esterna clicca Aggiungi, inserisci il titolo della pagina e utilizza l'editor di testo per inserire il contenuto della pagina esterna che stai creando.
Scegli la lingua di visualizzazione della pagina esterna, che sarà visibile solo agli utenti che hanno la piattaforma impostata in quella data lingua.

A questo punto devi attivare le pagine esterne per renderle visibile agli utenti.

Il procedimento è molto semplice: devi cliccare l'icona evidenziata, diventerà verde ad indicare che la pagina esterna è stata correttamente pubblicata.
Puoi anche ordinare le pagine esterne create utilizzando le icone a forma di freccia.

Visualizza il risultato finale

Come puoi vedere nell'esempio riportato in basso, abbiamo aggiunto un logo, un testo di introduzione e alcune pagine esterne.

Personalizza i CSS

Se hai una sufficiente conoscenza dei CSS (Cascading Style Sheets) puoi personalizzare ad un livello più approfondito il layout della tua piattaforma.
Per accedere al pannello di personalizzazione dei CSS clicca Gestione Grafica all'interno del menu di Impostazioni e scegli l'opzione Personalizza CSS.

Tramite il pannello di CSS puoi personalizzare ogni elemento della tua piattaforma E-learning: font, grandezza, stile, ecc. Non devi far altro che inserire l'elemento da modificare e specificare le modifiche.

Ricorda sempre di salvare le modifiche prima di abbandonare la pagina.
Qui puoi trovare alcuni trucchi per gestire i CSS. Scrivi i seguenti codici per ottenere gli effetti ad essi collegati:

Nascondi il messaggio "Bisogno di Aiuto?" footer: .navbar-inner {height:53px;}
Personalizzare le dimensioni del messaggio "Bisogno di Aiuto?": .footer .span12 {height:50px;}
Personalizza la dimensione della barra di menu: .navbar .nav {font-size:15px;}
Se vuoi resettare una delle modifiche precedentemente effettuate devi solo cancellato il codice relativo ad essa e salvare le modifiche.

Questi esempi sono solo l'inizio: utilizzando il CSS sarai in grado di personalizzare completamente la tua piattaforma E-Learning Docebo!