Benvenuti in questo articolo in cui scopriremo come la vostra piattaforma Nudgis può essere personalizzata per riflettere la vostra identità visiva.
Nudgis dispone di funzionalità di personalizzazione che vi permettono, tra le altre cose, di applicare la carta 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 lettore video.
Per accedere a queste impostazioni, il vostro account utente deve avere il permesso globale "Può modificare l'aspetto del sito".
Indice dei contenuti
1/ NOTE SUL PASSAGGIO ALLA VERSIONE 12.2.0
Note sul passaggio alla versione 12.2.0
Nudgis 12.2.0 porta una serie di cambiamenti, inclusa la personalizzazione della nuova interfaccia utente (attualmente in beta).
Fino al rilascio della versione finale del restyling dell'interfaccia, avrete il controllo sulle sue impostazioni di aspetto per facilitare la transizione.
Una volta effettuato l'aggiornamento alla versione 12.2.0, non sarà più possibile modificare l'aspetto della vecchia interfaccia. Tuttavia, rimarrà ancora disponibile.
La scelta di utilizzare la nuova interfaccia è lasciata all'utente. Per attivare l'opzione, andate sulla pagina del vostro profilo, spuntate "Usa la nuova interfaccia utente (beta)" e salvate.
Potete anche forzare la nuova interfaccia per tutti gli utenti andando nelle impostazioni globali (è richiesto il permesso "Può modificare le impostazioni del sito"). L'impostazione si chiama "Forza nuova interfaccia utente per tutti". Se attivate questa opzione, agli utenti non verrà più data la possibilità di scegliere se utilizzare o meno la nuova interfaccia.
Ora vediamo come funziona la personalizzazione grafica del vostro Nudgis, iniziando dalla sua prima pagina.
Home page
Dalla versione 13.2.0, la nuova home page di Nudgis è disponibile in beta. Per scoprirla, consultate il nostro articolo dedicato.
Quando vi accedete per la prima volta, la home page di Nudgis è praticamente vuota e potrete aggiungere diversi tipi di widget per arricchire il layout della pagina in base alle vostre esigenze. I widget sono blocchi contenenti elementi che possono essere spostati su una griglia.
Per attivare la modalità di modifica e iniziare a personalizzare la griglia dei widget, cliccate sul pulsante "Personalizza home page" in fondo alla finestra:
Una volta attivata la modalità di modifica, potete aggiungere widget, spostarli liberamente sulla griglia usando questa icona e ridimensionarli dall'angolo in basso a destra.
Cliccando su "Salva" creerete immediatamente il widget nella home page. Il pulsante "Visualizza modifiche applicate" serve solo per uscire dalla modalità di modifica.
I diversi tipi di widget
Nella casella "Aggiungi un widget", troverete diversi tipi di elementi che potete selezionare e aggiungere uno ad uno alla home page:
Elenco canali
Questo widget visualizza un elenco dei canali principali sul vostro Nudgis e vi permette di aprire la loro struttura ad albero.
Personalizzato
Questo widget vi consente di integrare contenuti personalizzati utilizzando un editor di testo.
L'editor di testo ricco rende la formattazione facile:
Elemento
Il widget Elemento vi consente di aggiungere un oggetto accessibile direttamente dalla home page (video, canale, live, ecc.).
Mostra live all'interno: Visualizza un elenco di link che puntano alle trasmissioni live in corso. Questo elenco sarà l'unico elemento visualizzato nel widget.
Miniatura grande: Permette di utilizzare la miniatura con la risoluzione più alta disponibile. Questa opzione dovrebbe essere utilizzata solo se la miniatura standard è troppo piccola.
Posizione miniatura: Scegliete se la miniatura dell'elemento selezionato verrà visualizzata a sinistra, a destra o al centro del widget.
Mostra titolo: Visualizza il titolo dell'elemento selezionato nel widget, sotto la miniatura. Notate che se mantenete la visualizzazione dell'intestazione, il titolo verrà visualizzato due volte.
Mostra informazioni: Visualizza informazioni sull'elemento selezionato (canale genitore, relatore, data di creazione, ecc.).
Mostra descrizione: Visualizza il contenuto del campo descrizione dell'elemento selezionato nel widget.
Elemento da visualizzare: Permette di determinare quale elemento sarà visualizzato nel widget. Potrebbe essere il video o il canale più visto (sull'intera piattaforma o solo nell'ultimo mese), il canale o video aggiunto più recentemente, o un elemento specifico che desiderate nella home page.
Streaming live
Questo tipo di elemento visualizza un elenco delle trasmissioni live correnti sulla piattaforma, se ce ne sono in corso. È ridondante con l'opzione "Vedi elenco dei live all'interno" nel widget Elemento.
Immagine
Con il tipo di widget "Immagine" potete, come suggerisce il nome, importare un'immagine dal vostro computer alla vostra home page. Il campo "Testo alternativo" del widget vi permette di aggiungere una breve descrizione dell'immagine che verrà vista dagli screen reader (usati principalmente da utenti con disabilità visive) o dai motori di ricerca.
Titolo
Questo widget può essere usato per aggiungere una barra del titolo per separare i diversi blocchi della pagina e renderli più facili da leggere.
Elenco video
Questo widget visualizza elenchi di video divisi in diverse schede. Potete scegliere quali schede visualizzare. Le scelte sono: ultimi video aggiunti, video più visti (di sempre o dell'ultimo mese), video più commentati (di sempre o dell'ultimo mese), o il tag cloud (generato da parole chiave estratte dai video sulla piattaforma tramite OCR).
Il pulsante Visualizza altri video sulla scheda Ultimi video reindirizza alla pagina degli ultimi media.
Tutti questi tipi di elementi hanno opzioni comuni che possono essere impostate blocco per blocco.
Potete accedere alle impostazioni di un widget cliccando su questa icona , nell'angolo in alto a destra dell'elemento:
Appaiono le impostazioni del widget, rivelando opzioni comuni a tutti i tipi di blocco:
Widget trasparente: Rende il widget trasparente (rende lo sfondo visibile attraverso il widget).
Nessuna intestazione widget: Per un widget senza titolo.
Visibile per: Permette di scegliere quali tipi di utente saranno in grado di vedere questo widget (autenticati, non autenticati o entrambi).
Modalità di visualizzazione: Permette di determinare per quali lingue questo widget sarà visualizzato.
Titolo*: Determina il titolo del vostro widget, visualizzato nella parte superiore dell'elemento.
Link*: Contiene un link che verrà aperto quando si clicca sul titolo. (Con l'opzione seguente, potete definire se il link deve aprirsi o meno).
*Queste ultime due opzioni non funzioneranno se l'intestazione del widget è disabilitata.
Ora che sapete come impostare la vostra home page, diamo un'occhiata a come funzionano le impostazioni dell'aspetto del sito.
Personalizzazione grafica
Le impostazioni di personalizzazione grafica globale si trovano in Menu > Amministrazione > Impostazioni sito > Personalizza aspetto.
La prima scheda vi consente di impostare i colori della piattaforma. Noterete un inserto sul lato destro della pagina. Questo mostra le modifiche che apportate in tempo reale:
Le modifiche sono visibili anche sul resto della pagina di configurazione dell'aspetto, ma verranno applicate solo quando salverete le modifiche.
Colori
Per prima cosa vedremo come funzionano i pulsanti dei colori. Sono identici per tutti i parametri di modifica dei colori.
Ogni parametro è composto da due blocchi: il colore attivo (1) e il valore predefinito (2).
Per modificare il colore attivo, potete inserire un codice nel campo di testo o cliccare sul blocco corrispondente e selezionare una sfumatura tra le scelte offerte.
Per tornare al valore predefinito, basta cliccare sul blocco di colore corrispondente.
Ricordate di salvare le modifiche in modo che possano essere applicate.
Diamo un'occhiata al significato di ogni elemento.
- Tema: Potete scegliere tra un tema scuro o chiaro per iniziare le vostre impostazioni, cosa che era possibile solo nelle versioni precedenti (< 12.1) usando CSS personalizzato. Il tema del sito viene applicato a tutti gli utenti.
- Colore primario: Cambia il colore dei pulsanti principali di Nudgis, di cui un esempio è mostrato di seguito (in blu).
- Colore contrasto principale: Cambia il colore del testo sui pulsanti principali, mostrato di seguito in bianco.
- Colore testo primario: Cambia il colore dei link e delle icone (qui in blu).
- Colore secondario: Cambia il colore dei messaggi informativi, del pulsante di salvataggio e dell'indicatore di archiviazione utilizzato dall'utente (in verde di seguito).
- Colore contrasto secondario: Cambia il colore del testo negli elementi nella sezione precedente (qui in nero).
- Colore testo secondario: Cambia il colore del pulsante di ripristino media nel cestino.
- Colore errore: Cambia il colore degli errori, in particolare della barra di avanzamento della transcodifica quando la transcodifica fallisce (in rosso di seguito).
- Colore contrasto errore: Cambia il colore del testo di errore quando viene evidenziato con il colore di errore (in nero di seguito).
- Colore testo errore: Colore del testo di errore o avviso quando non è presente alcuna evidenziazione. Si può trovare sul pulsante Elimina nel menu delle azioni sui media quando si naviga nel catalogo, per esempio.
Logo
Questa scheda permette di modificare il logo del sito e la favicon sostituendo quelli esistenti. Importate la vostra immagine (il formato consigliato è PNG), che non dovrebbe superare i 300 pixel di larghezza e 55 pixel di altezza.
Una volta aggiunto il file immagine, l'anteprima non funzionerà immediatamente. Dovrete salvare le modifiche affinché il nuovo logo venga visualizzato.
Per tornare al logo predefinito, spuntate la casella "Elimina immagine corrente" e salvate.
Potete anche cambiare la dimensione del logo (tra tre scelte: piccola, standard e grande), che influenzerà anche la dimensione dell'intestazione della pagina.
Caratteri
Potete usare diversi tipi di carattere, scegliendo dalla libreria di caratteri del vostro browser web. I caratteri predefiniti sono Lato, Arial e Sans-Serif.
Avanzato (CSS)
In questa scheda potete aggiungere file come immagini o caratteri che potete usare nel vostro CSS personalizzato.
Nella sezione Sovrascrivi stile, potete aggiungere codice CSS personalizzato che vi permetterà di regolare elementi che non sono disponibili nei menu visti sopra.
Colori del player UbiCast
L'ultima scheda sulla pagina delle impostazioni dell'aspetto riguarda il player Nudgis. Vedremo i diversi elementi che possono essere modificati di seguito.
Per visualizzare meglio le modifiche, useremo il colore arancione per gli screenshot in questa sezione.
- Colore sfondo player: questo è lo sfondo del vostro video, quello che sarà visibile tra le sorgenti nella modalità Dynamic RichMedia.
- Colore sfondo controlli: Questa impostazione cambia il colore della barra di controllo (nella parte inferiore del player) e il pulsante play.
- Colore al passaggio del mouse sui controlli: Questo è il colore dei pulsanti di controllo della riproduzione quando vengono passati sopra con il cursore del mouse.
- Colore carattere 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 influenzerà l'aspetto del resto del sito.
Grazie per aver seguito questo articolo, ora potete modificare l'aspetto di Nudgis come desiderate. 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.