Garradin

Gestion d'association simple, complète et efficace

Personnalisation de l’interface d’administration

Dans le menu Configurations, on peut personnaliser le site. Cette personnalisation n’a aucune incidence sur le site public, elle ne concerne que l’interface de gestion de l’association hormis celle concernant l’ajout d’une petite icône.

Ces personnalisations ne peuvent être faites que par des personnes qui sont dans une catégorie qui leur en donne les droits au niveau de la gestion du site et dont la case Administration (peut tout faire) est cochée.

Identité de l’association, onglet « Général »

Dans les informations sur l’association, quatre informations sont obligatoires :

  • le nom de l’association ;
  • l’adresse électronique du contact ;
  • la monnaie ;
  • et le pays.
Les informations de l’association
Les informations de l’association

Le courriel du contact est utilisé pour les échanges entre Garradin et l’association. Ce peut être celui d’une personne membre du CA par exemple (président, trésorier, secrétaire).

La monnaie et le pays sont utiles pour la comptabilité.

L’adresse du site web n’est à renseigner que si vous passez par un autre système que Garradin pour le site de l’association.

Personnalisation de l’apparence et du message d’accueil

Dans l’onglet Personnalisation, on peut ajouter des logos, qui s’afficheront aussi sur le site public, une petite icône qui servira de favicon (l’image qui s’affiche dans l’onglet du navigateur) et une image de fond. On peut également changer les couleurs de l’interface et modifier le texte d’accueil.

Couleurs et fond de l’interface

Quand vous cliquez Couleur primaire, la couleur principale qui est celle du bandeau à gauche, de l’onglet actif et des titres de page, ou sur Couleur secondaire, couleur du logo, des onglets inactifs et de survol de la souris sur un menu, vous pouvez soit :

  • choisir dans la roue ①,
  • entrer les valeurs TSL(teinte, saturation, valeur) ou HSB en anglais ②,
  • indiquer les valeurs RVB (rouge, vert, bleu), RGB en anglais ③,
  • entrer le code hexagonal de la couleur (avec le signe # devant, c’est absolument impératif) ④,
  • ou appuyer sur la pipette en bas à droite du cartouche coloré pour récupérer une couleur qui figure dans un élément de l’écran (image ou autre) ⑤.
Choix des couleurs et de l'image de fond
Choix des couleurs et de l'image de fond

Pour revenir aux couleurs par défaut, cliquer sur le bouton RàZ à droite de la couleur.

Image de fond

L’image de fond figure en haut à gauche de la page.

Pour l’image de fond, elle doit respecter les conditions suivantes :

  • noir et blanc ou en une seule couleur plutôt foncée et pâle (ou blanc),
  • mesurer 380 x 200 pixels,
  • être un fichier png ou jpg.

En outre, pour un meilleur rendu, il faut veiller à ce qu’elle ne « parasite » pas le logo de l’association en haut à gauche. Des tests peuvent être utiles. Dans l’exemple, l’image de fond est en fait une version simplifiée du logo (sans raison particulière) à droite d’un rectangle. Ces deux éléments forment l’image de fond qui laisse vide la colonne de gauche.

Pour changer d’image de fond, il faut :

  1. cliquer sur le bouton Parcourir ;
  2. choisir une autre image.

Et voilà le travail, avant, après :

Avant après
Avant après

Modification du texte de la page d’accueil

Il s’agit, bien évidemment, de la page qui s’affiche quand on est connecté.

Cliquer sur le bouton Modifier, cela ouvre une fenêtre de saisie qui vous permet de saisir un texte personnalisé, de le mettre en forme et d’y ajouter des liens, vers une documentation interne par exemple ou encore, si vous utilisez le plugin Tāima – Suivi du temps, vers la page de saisie du temps pour les bénévoles.

Personnalisation du message d'accueil
Personnalisation du message d'accueil

Cliquer sur Enregistrer, puis, au-dessus de la fenêtre, sur x Fermer.

À noter : les modifications que vous faites sont irréversibles une fois que vous avez fermé la fenêtre

Enregistrer les modifications

Pour terminer et garder vos paramètres de couleur et d’image de fond, ne pas oublier de cliquer sur le bouton Enregistrer tout en bas de la page. En effet, ces modifications sont visuellement immédiates, mais, une fois que vous changez de page, si vous avez oublié d’appuyer sur ce bouton, vous revenez aux paramètres précédents.

Personnaliser en profondeur l’espace d’administration

Vous pouvez changer la feuille de style de cet espace, en cliquant sur le bouton de Modifier, mais cela nécessite de connaître le CSS.

Pour en savoir plus sur le CSS :

Aller plus loin

Mis à jour le vendredi 12 août 2022