Personnalisation de l’interface d’administration
Dans le menu Configurations, on peut personnaliser l'interface du logiciel. 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.
Informations sur l’association
Rendez-vous dans le menu Configuration, onglet Configuration. Dans les informations sur l’association, quatre informations sont obligatoires :
- le nom de l’association ;
- l’adresse e-mail de contact ;
- la monnaie utilisée ;
- le pays.
L'adresse postale et le numéro de téléphone renseignés apparaîtront automatiquement sur le site web public (si vous décidez de l'activer, ce qui se fait depuis cette rubrique également).
Le courriel du contact est utilisé pour les échanges entre Paheko et l’association. Ce peut être celui d’une personne membre du conseil d'administration, par exemple.
La monnaie et le pays sont indispensables pour la comptabilité.
Un champ Informations diverses est gardé libre pour y ajouter des éléments utiles à l'édition des reçus.
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
La Couleur primaire est la couleur principale qui est celle du bandeau à gauche, de l’onglet actif et des titres de page. La Couleur secondaire, couleur du logo est celle des onglets inactifs et de survol de la souris sur un menu. La fonctionnalité de choix d’une couleur est liée au navigateur (et à sa version). Les options vont donc différer d’un logiciel à un autre. Par exemple avec Firefox ou Chrome, on peut soit :
- pour Firefox, 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 hexadécimal 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) ⑤,
- pour Chrome, choisir dans une plage ①, appuyer sur la pipette ② pour récupérer une couleur qui figure dans un élément de l’écran (image ou autre), sélectionner la couleur dans la barre en déplaçant le point ③, ou entrer une valeur RGB, TSL ou un code hexadécimal ④.
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.
Modification du texte de la page d’accueil
Il s’agit, bien évidemment, de la page qui s’affiche quand on est connecté.
Cliquez 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.
Cliquez sur Enregistrer en haut à gauche avant de 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 avec le CSS (utilisation avancée)
Vous pouvez changer la feuille de style de cet espace, en cliquant sur le bouton Modifier.
Pour en savoir plus sur le CSS :
Voir aussi
Mis à jour le vendredi 29 septembre 2023