Gérer les couleurs du site publié le 08/02/2019  - mis à jour le 01/03/2019

Pages : 12

Les sites SPIP de l’académie de Poitiers ont dans l’espace privé une page dédiée à la gestion des couleurs du site.
Les webmestres sont ainsi libres de de choisir en toute autonomie les couleurs qu’ils souhaitent appliquer à leur espace.

Au moment de la validation des couleurs retenues, une vérification automatique est faite afin de s’assurer de l’accessibilité des couleurs choisies (contraste) et apporte si nécessaire une modification de la teinte pour respecter cette contrainte inhérente à tous les sites institutionnels.

Présentation de la page de configuration

Pour accéder à la page de configuration des couleurs, rendez-vous dans le menu Configuration -> Couleurs du site

Page de configuration des couleurs

Les chiffres dans le tableau correspondent
au ratio du contraste entre la police et le fond.
Le chiffre sur fond rouge indique que le contraste est insuffisant...

La page affichée se présente sous la forme suivante :

  1. Mémorisations des palettes
  2. Modifier les couleurs
  3. Palette de couleurs en cours sur le site

Le site peut se décliner en 4 couleurs différentes avec selon les emplacements des déclinaisons selon leur emplacement (fond de couleur plus pâle etc.) :

  • Couleur principale :
    cette couleur intervient sur les zones telles que :
    • le menu horizontal,
    • le bas de page,
    • les sections des articles,
    • les liens,
    • fond de page et de pagination
  • Couleur complémentaire :
    cette couleur intervient sur les zones telles que :
    • Blocs des titres des widgets,
    • liens survolés,
    • contour des icônes,
    • dates,
    • intertitres des articles
    • tableaux,
    • code,
    • pagination (page en cours)
  • Couleur secondaire :
    cette couleur intervient sur les zones telles que :
    • champ de saisie de la recherche
    • fil d’ariane de la page d’accueil
    • poésie
  • Couleur secondaire complémentaire :
    cette couleur intervient sur les zones telles que :
    • agenda

Impression

  Imprimer
  L'article au format pdf

Auteur

 Stéphane Penaud

Partager

     

Dans la même rubrique

 Gérer les couleurs du site
 Gérer les widgets du site
 À l'attention des webmestres de spip