Benvenuti in questo articolo in cui scopriremo come la vostra piattaforma Nudgis può essere brandizzata per riflettere la vostra identità visiva.
Nudgis dispone di funzioni di personalizzazione che vi consentono, tra l'altro, di applicare l'identità grafica della vostra azienda. La prima parte vi mostrerà come regolare la home page del sito, poi daremo un'occhiata alle impostazioni di personalizzazione globale e, infine, vedremo come personalizzare l'aspetto del video player.
Per accedere a queste impostazioni, il vostro account utente deve avere il permesso globale "Può modificare l'aspetto del sito"
Sommario
Home page
Dalla versione 14, la nuova home page di Nudgis è abilitata per impostazione predefinita. Per scoprirla, consultate il nostro articolo dedicato.
Personalizzazione grafica
Le impostazioni globali di personalizzazione grafica si trovano in Menu > Amministrazione > Impostazioni del sito > Personalizza aspetto.
La prima scheda consente di impostare i colori della piattaforma. Noterete un riquadro sul lato destro della pagina che mostra le modifiche apportate in tempo reale:
Le modifiche sono visibili anche nel resto della pagina di configurazione dell'aspetto, ma verranno applicate solo al salvataggio
Colori
Vediamo innanzitutto come funzionano i pulsanti dei colori. Sono identici per tutti i parametri di modifica del colore.
Ogni parametro è composto da due blocchi: il colore attivo (1) e il valore predefinito (2).
Per modificare il colore attivo, è possibile inserire un codice nel campo di testo o cliccare sul blocco corrispondente e selezionare una tonalità tra quelle proposte.
Per tornare al valore predefinito, è sufficiente cliccare sul blocco di colore corrispondente.
Ricordate di salvare le modifiche affinché vengano applicate.
Vediamo il significato di ogni elemento.
- Tema : Potete scegliere tra un tema scuro o chiaro per iniziare le impostazioni, cosa che nelle versioni precedenti (< 12.1) era possibile solo tramite CSS personalizzato. Il tema del sito viene applicato a tutti gli utenti
- Colore primario : Modifica il colore dei pulsanti principali di Nudgis, di cui viene mostrato un esempio sotto (in blu)
- Colore di contrasto principale : Modifica il colore del testo sui pulsanti principali, mostrato sotto in bianco
- Colore testo primario : Modifica il colore dei link e delle icone (qui in blu)
- Colore secondario : Modifica il colore dei messaggi informativi, del pulsante di salvataggio e dell'indicatore di archiviazione utilizzato dall'utente (in verde sotto)
- Colore di contrasto secondario : Modifica il colore del testo negli elementi della sezione precedente (in nero qui)
- Colore testo secondario : Modifica il colore del pulsante di ripristino dei media nel cestino
- Colore errore : Modifica il colore degli errori, in particolare la barra di avanzamento della transcodifica quando fallisce (in rosso sotto)
- Colore contrasto errore : Modifica il colore del testo di errore quando è evidenziato con il colore di errore (in nero sotto)
- Colore testo errore : Colore del testo di errore o di avviso quando non è presente alcuna evidenziazione. Si trova ad esempio sul pulsante Elimina nel menu delle azioni media durante la navigazione nel catalogo
Logo
Questa scheda consente di modificare il logo del sito e la favicon sostituendo quelli esistenti. Importate la vostra immagine (il formato consigliato è PNG), che non deve superare i 300 pixel di larghezza e i 55 pixel di altezza.
Una volta aggiunto il file dell'immagine, l'anteprima non funzionerà immediatamente. Sarà necessario salvare le modifiche per visualizzare il nuovo logo
Per tornare al logo predefinito, spuntate la casella "Elimina immagine corrente" e salvate.
È inoltre possibile modificare la dimensione del logo (tra tre scelte: piccolo, standard e grande), che influirà anche sulla dimensione dell'intestazione della pagina.
Font
È possibile utilizzare diversi tipi di font, scegliendo dalla libreria dei font del browser web. I font predefiniti sono Lato, Arial e Sans-Serif.
Avanzate (CSS)
In questa scheda è possibile aggiungere file come immagini o font da utilizzare nel proprio CSS personalizzato.
Nella sezione Override style, è possibile aggiungere codice CSS personalizzato che consentirà di regolare elementi non disponibili nei menu visti sopra.
Colori player UbiCast
L'ultima scheda della pagina delle impostazioni dell'aspetto riguarda il player Nudgis. Vedremo di seguito i diversi elementi che possono essere modificati.
Per visualizzare meglio le modifiche, utilizzeremo il colore arancione per gli screenshot di questa sezione.
- Colore di sfondo del player : questo è lo sfondo del video, quello che sarà visibile tra le sorgenti nella modalità Dynamic RichMedia
- Colore di sfondo dei controlli : questa impostazione modifica il colore della barra di controllo (nella parte inferiore del player) e del pulsante play
- Colore hover controlli : questo è il colore dei pulsanti di controllo della riproduzione quando vi si passa sopra con il cursore del mouse
- Colore font controlli : questo è il colore delle icone di controllo e dell'indicatore del tempo
- Colore barra di scorrimento : questa è la barra di avanzamento della riproduzione situata nei controlli del player
È anche possibile applicare queste impostazioni a singoli canali o media. Ciò non influirà sull'aspetto del resto del sito
Grazie per aver seguito questo articolo, ora potete modificare l'aspetto di Nudgis come preferite. Non esitate a consultare la sezione Nudgis della nostra documentazione per saperne di più sulla nostra soluzione.
Commenti
0 commenti
Accedi per aggiungere un commento.