|Documentation

Thèmes

Ce qu'est un thème

Un thème est une feuille de style (CSS) qui change l'apparence de votre portail Lizmap : couleurs, contrastes, espacements. La galerie se trouve dans le Marketplace, rubrique Personnalisation, carte Thèmes Lizmap.

La page ne propose qu'un geste : Copier le CSS, qui met la feuille de style dans votre presse-papiers. Rien n'est appliqué à vos instances : c'est vous qui déposez le fichier sur votre portail, comme expliqué dans Utiliser un thème. Nous ne posons ni ne modifions aucune feuille de style sur votre portail.

La page Thèmes : les filtres, puis une carte par thème avec son aperçu, sa note, sa variante, ses copies et son bouton Copier le CSS.

Chaque carte montre un aperçu du portail aux couleurs du thème, avec sa palette en bas. Viennent ensuite son nom, la mention Officiel pour les thèmes faits par LizPack, son prix (Gratuit ou Payant), sa description, sa note, sa variante (Clair, Sombre ou Clair & Sombre), son nombre de copies et ses étiquettes.

Parcourir et filtrer les thèmes

Au-dessus de la galerie, une barre de filtres réduit la liste ; le compte de thèmes affiché sous le titre suit la sélection.

  • Mode : Tous, Clair ou Sombre. Un thème Clair & Sombre apparaît dans les deux.
  • Le prix : Tous les prix, Gratuits ou Payants.
  • Les étiquettes : Tous les tags ou une étiquette précise, avec une recherche dans la liste.
  • Le tri : Par défaut met en tête les thèmes mis en avant, puis les plus récents ; Plus populaires classe par nombre de copies ; Mieux notés, Plus récents et Alphabétique font ce qu'ils disent.

Choisissez la variante d'après le fond de carte de vos projets : un thème sombre sur un fond clair, ou l'inverse, rend l'ensemble difficile à lire.

Un thème Payant ne se copie que s'il vous a été attribué ; il ne s'achète pas depuis cette page. Pour en obtenir un, écrivez au support.

Utiliser un thème

Lizmap charge une feuille de style personnelle à deux conditions : le fichier est au bon endroit dans le dossier de vos projets, et l'administration Lizmap autorise les thèmes pour ce dossier.

  1. Cliquez sur Copier le CSS. Le bouton affiche CSS copié quand la feuille est dans votre presse-papiers.
  2. Dans l'administration Lizmap de votre instance, modifiez le répertoire qui contient vos projets et cochez l'option qui autorise les thèmes et le code JavaScript pour ce répertoire.
  3. Dans un éditeur de texte, collez le contenu dans un fichier nommé main.css.
  4. Avec Fichiers, déposez ce fichier dans le dossier de vos projets, sous media/themes/default/css/ pour tous les projets du dossier, ou sous media/themes/nom-du-projet/css/ pour un seul projet.
  5. Rechargez la carte dans votre navigateur.

Pour revenir à l'apparence d'origine, supprimez ou renommez le fichier : Lizmap reprend son style par défaut. Ni la copie ni le dépôt ne modifient autre chose.

Adapter un thème

Une fois déposé, le thème est un fichier CSS ordinaire, et il vous appartient : retouchez-le pour l'accorder à votre charte, puis rechargez la carte pour voir le résultat. Changez une couleur à la fois : une palette se dérègle vite.

Une mise à jour de votre instance ne touche pas à ce fichier : il est dans vos dossiers, pas dans le logiciel. Une nouvelle version de Lizmap peut en revanche changer la structure de ses pages ; si une partie du thème cesse de s'appliquer après une mise à jour, c'est là qu'il faut regarder.

Gardez une copie de votre version retouchée. Recopier le thème depuis la galerie puis écraser le fichier ferait perdre vos retouches.

Noter un thème

Sous la description de chaque thème, cinq étoiles donnent sa note moyenne et, entre parenthèses, le nombre de votes. Cliquez sur une étoile pour donner votre note, de 1 à 5 ; un nouveau clic la remplace, on ne vote qu'une fois par thème. Vos étoiles restent marquées sur la carte.

Le tri Mieux notés s'appuie sur ces notes, Plus populaires sur le nombre de copies. Ce compteur augmente à chaque clic sur Copier le CSS, y compris quand vous recopiez un thème déjà copié.