Guide theme

Les thèmes sur Zerudi

Les thèmes permettent de modifier l'apparence de votre site et de vos formations.
Vous pouvez définir un thème global, et des thèmes différents pour chaque formation.


Choisissez vos couleurs, vos polices, et votre site est prêt !

Nommer son thème

Saisir le bon nom (❶) pour son thème est important pour s'y retrouver. 
Vous avez la possibilité de supprimer (❷) un thème ou de le dupliquer (❸).

Définir le thème global, et les thèmes des formations

Le tableau récapitulatif permet de choisir quel thème est utilisé pour chaque formation.
Chacune des 5 couleurs possède un titre (❶), un nom de couleur (❷) et une description (❸) de son utilisation dans le thème.
La couleur (❹) est modifiable en cliquant directement dessus.
L'icône "cadenas" (❺) permet de figer la couleur lors d'une nouvelle génération d'une palette.

Choix de vos couleurs

Votre thème possède 5 couleurs de base. Elles sont ensuite déclinées en plusieurs nuances et le système utilise ces couleurs pour changer l'apparence de votre site. Les boutons, menus, cadres sont stylisés grâce à ces couleurs.
Vous pouvez choisir si votre thème est en mode "sombre" ou "clair". Le fond du mode sombre n'est plus blanc mais un noir proche de la couleur primaire.
Le système s'occupera de redéfinir les associations de couleurs pour que cela soit le plus harmonieux.

Les palettes proposées

Vous avez la possibilité de sélectionner vos couleurs parmi les palettes que nous vous offrons. 
Ces dernières sont conçues pour être harmonieuses et prêtes à l'emploi. 


Il vous suffit de cliquer dessus, et c'est parti !

Au hasard

Cliquez sur "Générer une palette" pour générer une palette qui fonctionne bien. 
Un algorithme s'assure que les couleurs aient assez de contraste par exemple.
Il est possible de "verrouiller" une ou plusieurs couleurs et de générer de nouveau une palette pour les autres couleurs. 
Pratique quand on connait sa couleur principale mais qu'on a pas d'idée pour le reste !

Personnalisation

Vous pouvez bien sûr modifier chacune des 5 couleurs pour avoir un thème bien personnalisé. Un clic sur la couleur ouvre le sélecteur de couleur de votre navigateur.

Choix des polices

Plus de 100 polices disponibles. 
Globalement 2 polices sont utilisées : une pour les titres, une pour les textes.


Vous pouvez également choisir parmi nos quelques sélections de duo de police de caractères.

Structure de votre thème

Un éditeur de bloc permet de modifier la position ou la taille des éléments spécifique aux thèmes :
- logo
- menu
- mon compte
- coordonnées
- etc...


Le thème possède une entête, un contenu central, et un pied de page.
Chacun de ces éléments a un cadre interne qui permet de spécifier sa largeur.
Il existe des structures prédéfinies dans l'entête interne, cela permet d'avoir rapidement un tryptique logo / menu / menu compte : 

Les blocs spéciaux pour le thème

Utilise par défaut le logo chargé dans les paramètres. Mais il est possible de le changer.
Affiche un menu à l'horizontale ou à la verticale. 
Des exemples de styles sont disponibles. 
Vous pouvez styliser les éléments du menu au repos ou bien au survol via ces options :
Ce bloc affiche "mon compte" lorsqu'on est connecté, ou bien "connexion" le cas échéant.
C'est également ici que sera afficher le panier, les rendez-vous ou bien les messages non lus.

Adresse

Un bloc qui affiche simplement vos coordonnées indiquées dans les paramètres du site.

Réseaux sociaux

Un bloc qui affiche les icônes de vos réseaux sociaux. Vous pouvez changer la taille des icônes et passer en affichage plus sobre.