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.

Le courriel du contact est utilisé pour les échanges entre Paheko 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 Paheko 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. 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.

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 :

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.

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 :

• Premiers pas avec CSS ;
• les tutoriels CSS d’Alsacréations.

Aller plus loin

• Le logo de l’association
• Personnaliser la fiche des membres
• Catégories des membres, les droits