Bienvenue dans cet article où nous verrons ensemble comment votre plateforme Nudgis peut être modelée graphiquement pour refléter vos couleurs et votre design.
Nudgis possède des fonctionnalités de personnalisation qui vous permettent, entre autres, d'y appliquer la charte graphique de votre organisation. Nous verrons tout d'abord comment ajuster la page d'accueil du site, puis nous verrons les options de personnalisation globales et enfin comment paramétrer le thème du lecteur.
Pour accéder à ces réglages, votre compte utilisateur doit posséder la permission globale "Peut éditer l'apparence du site".
Sommaire
3/ LES COULEURS DU LECTEUR UBICAST
Page d'accueil
Depuis la version 14 de Nudgis, la nouvelle page d'accueil de Nudgis est activée par défaut. Pour la découvrir nous vous invitons à consulter notre article dédié.
Personnalisation graphique
Les paramètres de personnalisation graphique globaux se trouvent dans Menu > Administration > Paramètres du site > Personnaliser l'apparence.
Le premier onglet permet de régler les couleurs de la plateforme. Vous remarquerez un encart sur la partie droite de la page. Il permet de visualiser les changements que vous effectuez en direct :
Les changements sont également visibles sur le reste de la page de configuration de l'apparence mais ne seront appliqués que lorsque vous sauvegarderez vos modifications.
Couleur
Nous allons voir tout d'abord le fonctionnement des boutons de choix des couleurs. Ils sont identiques pour tous les paramètres de modification des teintes.
Chaque paramètre est composé de deux blocs : la couleur active (1) et la valeur par défaut (2).
Pour modifier le coloris actif vous pouvez entrer un code couleur dans le champ texte ou bien cliquer sur le bloc coloré et sélectionner une teinte parmi les choix proposés.
Pour revenir à la valeur par défaut il suffit de cliquer sur le bloc coloré correspondant
Pensez bien à sauvegarder vos changements pour qu'ils soient appliqués.
Voyons maintenant à quoi correspond chaque élément.
- Thème : Vous pouvez choisir entre un thème sombre ou clair pour commencer votre paramétrage, ce qui n'était possible dans les anciennes versions qu'en utilisant des CSS personnalisés. Le thème du site est appliqué à tous les utilisateurs.
- Couleur principale : Change la couleur des principaux boutons de Nudgis, dont voici un échantillon ci-dessous (en bleu).
- Couleur principale de contraste : Change la couleur du texte des boutons principaux, ci-dessous en blanc.
- Couleur principale du texte : Change la couleur des liens et des icônes (ici en bleu).
- Couleur secondaire : Change la couleur des messages d'information, du bouton de sauvegarde, et de l'indicateur de stockage utilisé par l'utilisateur (ci-dessous en vert).
- Couleur secondaire de contraste : Change la couleur du texte dans les éléments de la section précédente (en noir ici).
- Couleur du texte secondaire : Change la couleur du bouton de restauration des médias dans la corbeille.
- Couleur d'erreur : Change la couleur des erreurs, notamment la barre de progression des transcodages lorsque ceux-ci échouent (ici en rouge).
- Couleur d'erreur de contraste : Change la couleur du texte des erreurs lorsque celles-ci sont surlignées par la couleur d'erreur (en noir ci-dessous).
- Couleur du texte d'erreur : Couleur du texte d'erreur ou d'avertissement lorsque aucun surlignage n'est présent. On la retrouve notamment sur le bouton Supprimer dans le menu d'actions sur les média lorsqu'on navigue dans le catalogue.
Logo
Cet onglet permet de modifier le logo du site et le favicon en remplaçant ceux existants. Importez votre image (le format recommandé est PNG) qui ne doit pas dépasser 300 pixels de large et 55 pixels de haut.
Après avoir ajouté votre fichier image, la prévisualisation ne fonctionnera pas immédiatement. Il faudra sauvegarder les changements pour que le nouveau logo soit affiché.
Pour revenir au logo par défaut cochez la case "Supprimer l'image courante" puis sauvegardez.
Vous avez également la possibilité de modifier la taille du logo (parmi trois choix : petit, standard et grand), cela affectera également la taille de l'en-tête de la page.
Polices
Vous pouvez utiliser différents types de polices mais celles-ci sont définies par votre navigateur web. Les polices utilisées par défaut sont Lato, Arial et Sans-Serif.
Avancé (CSS)
Sur cet onglet vous aurez la possibilité d'ajouter des fichiers comme des images ou des polices que vous pourrez utiliser dans votre CSS personnalisé.
Dans la section Surcharger le style, vous pouvez ajouter du code CSS personnalisé qui vous permettra d'ajuster les éléments qui ne sont pas disponibles dans les menus vus précédemment.
Les couleurs du lecteur UbiCast
Le dernier onglet de la page de paramétrage de l'apparence concerne le lecteur de Nudgis. Nous allons voir les différents éléments qui peuvent être modifiés ci-après.
Pour visualiser au mieux les changements nous utiliserons la couleur orange pour les captures d'écran dans cette partie.
- Couleur d'arrière-plan du lecteur : c'est l'arrière-plan de votre vidéo, celui qui sera visible entre les sources en mode RichMedia Dynamique.
- Couleur d'arrière plan des contrôles : Ce paramètre modifie la couleur de la barre de contrôle (en bas du lecteur) ainsi que du bouton lecture.
- Couleur des contrôles au survol : c'est la couleur des boutons de contrôle de lecture lorsqu'on les survole avec le curseur de la souris.
- Couleur de la police des contrôles : c'est la couleur des icônes des contrôles ainsi que de l'indicateur de temps.
Couleur de la barre de défilement : Il s'agit de la barre de progression de la lecture située dans les contrôles du lecteur.
Il est également possible d'appliquer ces paramètres à des chaînes ou des médias individuellement. Cela n'impactera pas l'apparence du reste du site.
Merci d'avoir suivi cet article, vous pouvez maintenant modifier l'apparence de Nudgis à votre guise. N'hésitez pas à consulter la section Nudgis de notre documentation pour en apprendre plus sur notre solution.
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.