Le composant Contributeurs met en avant les personnes qui ont modifié une page, à partir de son historique de versions. Vos visiteurs voient une ligne d'avatars, du contributeur le plus récent au plus ancien, et ouvrent la fiche de profil de chacun d'un clic.

Cet article décrit les cas d'usage du composant WebPart, sa prise en main, son paramétrage, la saisie du titre sur la page et les bonnes pratiques à suivre.

📋 Sommaire

1. Présentation du composant
2. Ajouter le composant à votre page
3. Paramétrer le composant
4. Saisir et mettre en forme le titre sur la page
5. Bonnes pratiques
6. Ce qui change par rapport à la version précédente

1. Présentation du composant

Le composant Contributeurs se compose d'un titre facultatif et d'une ligne d'avatars : un avatar par personne qui a modifié la page.

Le composant affiche toujours les contributeurs de la page sur laquelle il est posé : il n'a aucune source à régler. Sont contributeurs l'auteur de la dernière modification de la page et l'auteur de chaque version de son historique.

• Chaque personne n'apparaît qu'une fois, même si elle a modifié la page plusieurs fois.
• Les avatars vont du plus récent au plus ancien, selon la dernière contribution de chacun.
• Chaque avatar affiche la photo de profil du contributeur, ou ses initiales s'il n'a pas de photo.
• Au survol d'un avatar, une infobulle affiche le nom du contributeur et son adresse e-mail.
• Au clic sur un avatar, la fiche de profil Microsoft 365 du contributeur s'ouvre.

💡 Une personne qui modifie de nouveau la page repasse en tête de la ligne.

💡 Si vous copiez le composant sur une autre page, il affiche les contributeurs de cette autre page.

Si les contributeurs ne peuvent pas être chargés, le composant affiche « Impossible de charger les contributeurs. » à la place des avatars.

Cas d'usage

• Montrer qui a rédigé et tient à jour une page de procédure ou de documentation.
• Donner un interlocuteur au lecteur : un clic sur un avatar ouvre la fiche de contact.
• Valoriser les contributeurs d'une page d'actualité ou d'un espace collaboratif.

2. Ajouter le composant à votre page

1. Ouvrez le mode édition de la page SharePoint en cliquant sur Modifier en haut à droite.
2. À l'emplacement souhaité, cliquez sur le bouton « + » pour ouvrir le catalogue de composants.
3. Recherchez ou déroulez le catalogue pour sélectionner Jint - Contributeurs, dans la catégorie « Actualités, personnes et événements ».
4. Le composant est ajouté à l'emplacement souhaité, avec ses valeurs par défaut.

Un composant Contributeurs fraîchement inséré porte le titre « Contributeurs » et affiche jusqu'à 5 avatars, en taille Moyen, sur un fond blanc.

3. Paramétrer le composant

Le panneau de configuration se compose de trois onglets : Design, Contenu et Visibilité. Chaque réglage s'applique immédiatement sur la page, sauf Nombre de contributeurs, qui s'applique quand vous quittez le champ.

3.1 Onglet Design

Contributeurs

• Nombre de contributeurs : le composant affiche au plus ce nombre d'avatars, ceux des contributeurs les plus récents. Le champ n'accepte que des chiffres.
• Si la largeur manque, les avatars qui ne tiennent pas passent à la ligne suivante.

Arrière-plan

• Couleur : le fond prend la couleur choisie. Les textes sans couleur propre posés sur ce fond passent automatiquement en noir ou en blanc, selon ce qui contraste le mieux.
• Image : le fond affiche l'image choisie, recadrée selon son Point focal. Le Texte de remplacement apparaît quand l'image n'est pas marquée comme décorative.

💡 Sous l'image, le panneau rappelle le format conseillé : « Recommandé : JPG, PNG ou WebP, 1920 × 1080 px minimum, moins de 1 Mo. »

⚠ Si l'image d'arrière-plan est supprimée ou déplacée, le panneau affiche « Image introuvable : elle a peut-être été supprimée ou déplacée. Choisissez-en une autre. » et le composant s'affiche sur un fond blanc.

Apparence

La rubrique Apparence règle le contour, l'ombre et l'arrondi du composant.

Par défaut, le composant suit le thème Jint de votre site : la rubrique affiche « Les valeurs d'apparence viennent du thème. Il se règle dans Jint Portal. » et ses réglages sont désactivés. Cliquez sur Personnaliser pour les modifier. Pour revenir au thème, cliquez sur Réinitialiser depuis le thème.

3.2 Onglet Contenu

Titre

Le titre se saisit et se met en forme directement sur la page (voir la partie 4). Désactivez Afficher le titre pour n'afficher que les avatars.

3.3 Onglet Visibilité

Audience

Activez Audience personnalisée pour réserver le composant à des personnes ou aux membres de groupes Microsoft 365. Seuls les visiteurs choisis, ou membres d'au moins un groupe choisi, le voient. Pour les autres, il ne prend aucune place sur la page.

Affichage

Activez Planifier la visibilité pour limiter l'affichage dans le temps, avec un Début de l'affichage, une Fin de l'affichage, ou les deux. Chaque date apparaît quand vous activez son interrupteur : le début est proposé à l'instant présent, la fin dans 7 jours.

⚠ Si vous activez Audience personnalisée sans choisir personne, plus personne ne voit le composant. La rubrique vous le signale : « Personne ne voit ce composant WebPart : choisissez au moins une personne ou un groupe. »

⚠ Si la fin de l'affichage précède le début, le panneau affiche « La date de fin doit être postérieure à la date de début. » et la planification ne limite pas l'affichage tant que vous ne l'avez pas corrigée.

💡 En mode édition, vous voyez toujours le composant, quelle que soit son audience ou sa planification. Un badge vous le signale : « Audience », ou les dates d'affichage.

4. Saisir et mettre en forme le titre sur la page

Le titre

Cliquez sur le titre : il devient modifiable et une barre d'outils s'affiche au-dessus de lui. Elle règle le Style de texte (H1 à H4 ou Corps), la Police, la Taille de police, la Couleur du texte, le gras, l'italique, le souligné et l'alignement. Le bouton Réinitialiser la mise en forme rétablit le style d'origine. Cliquez en dehors du titre pour valider.

Par défaut, le titre est « Contributeurs », en H4, noir, 20 px et gras. Si vous effacez le titre, vos visiteurs ne le voient pas.

💡 Tant que le composant suit le thème Jint, la barre d'outils du titre affiche à la place le bandeau du thème. Cliquez sur Personnaliser pour mettre le titre en forme.

Les avatars

Les avatars ne se modifient pas sur la page : le composant les lit dans l'historique de versions de la page.

⚠ En mode édition, un clic sur un avatar n'ouvre aucune fiche de profil. Testez le clic sur la page publiée.

5. Bonnes pratiques

Signer la page sans la surcharger

Posez le composant en bas ou en marge de la page, avec des avatars en taille Petit ou Moyen.

Garder une seule ligne d'avatars

Dans une colonne étroite, gardez un Nombre de contributeurs réduit : les avatars qui ne tiennent pas passent à la ligne.

Choisir un titre explicite

Un titre comme « Rédigé par » ou « Ils ont contribué » dit mieux à vos visiteurs ce que montrent les avatars.

Tenir les photos de profil à jour

Un contributeur sans photo de profil Microsoft 365 s'affiche avec ses initiales. Invitez vos rédacteurs à ajouter leur photo.

6. Ce qui change par rapport à la version précédente

Si vous utilisiez la version précédente du composant (voir l'article Composant Contributeurs de la page) :

• Le composant s'appelle désormais Jint - Contributeurs dans le catalogue, dans la catégorie « Actualités, personnes et événements ».
• Au survol d'un avatar, une infobulle affiche le nom et l'adresse e-mail du contributeur ; au clic, sa fiche de profil Microsoft 365 s'ouvre.
• Un contributeur sans photo de profil s'affiche avec ses initiales.
• Nouveaux réglages : Nombre de contributeurs (de 1 à 20) et Taille des avatars (Petit, Moyen ou Grand).
• Nouveau : un Arrière-plan en couleur ou en image, et une Apparence (contour, ombre, arrondi) liée au thème Jint.
• Le composant peut afficher un titre, mis en forme sur la page.
• Le panneau s'organise en trois onglets, Design, Contenu et Visibilité. L'onglet Visibilité permet de réserver le composant à une audience et d'en planifier l'affichage.
• Comme avant, les contributeurs s'affichent du plus récent au plus ancien.