📸 Guide - Changement des Photos des Membres de l'Équipe¶

Site : Meristheme.com

Version : 1.0

Dernière mise à jour : 22 Août 2025

Auteur : Fenohery Fanomezanirina

🎯 Introduction et Objectif¶

Ce guide détaille la procédure complète pour changer les photos des membres de l'équipe sur le site Meristheme. Il s'adresse aux administrateurs et éditeurs ayant accès au tableau de bord WordPress.

🎯 Objectifs de ce guide¶

• ✅ Maintenir une identité visuelle cohérente de l'équipe
• ✅ Assurer la qualité professionnelle des photos
• ✅ Optimiser les images pour le SEO et performance
• ✅ Simplifier le processus de mise à jour

⚙️ Prérequis¶

👤 Accès requis¶

• Compte administrateur WordPress avec permissions d'édition
• Accès au tableau de bord https://meristheme.com/mrt-admin/
• Permissions sur la médiathèque WordPress

📁 Matériel nécessaire¶

• Photos haute qualité des membres (format original)
• Logiciel de retouche (optionnel) : Photoshop, GIMP, Canva
• Noms et informations des membres mis à jour

🖼️ Spécifications techniques recommandées¶

🚀 Procédure Étape par Étape¶

Étape 1 : Accès au Tableau de Bord WordPress¶

1. Connexion au site

   🌐 URL : https://meristheme.com/mrt-admin/
   👤 Utilisateur : [Votre nom d'utilisateur]
   🔐 Mot de passe : [Votre mot de passe]
   

2. Vérification des permissions

   • Vérifiez que vous voyez le menu "Médias" dans la sidebar
   • Assurez-vous d'avoir accès aux "Pages" et "Apparence"

Étape 2 : Préparation des Images¶

🖼️ Optimisation des photos¶

1. Redimensionner les images (400x400 px minimum)
2. Compresser pour réduire le poids (< 200 KB)
3. Nommer de façon cohérente : equipe-prenom-nom.jpg

📊 Outils recommandés¶

• En ligne : TinyPNG.com, Squoosh.app
• Logiciels : Photoshop, GIMP
• WordPress : Plugin Smush (si installé)

Étape 3 : Upload dans la Médiathèque¶

🔄 Processus d'upload¶

1. Dans le tableau de bord, cliquez sur "Médias" → "Médiathèque"
2. Cliquez sur "Ajouter un fichier média"
3. Glissez-déposez ou sélectionnez vos images
4. Attendez la finalisation de l'upload

✍️ Configuration des métadonnées¶

Pour chaque image uploadée :

• Titre : Photo [Prénom Nom] - Équipe Meristheme
• Texte alternatif : Portrait professionnel de [Prénom Nom], [fonction] chez Meristheme
• Description : Photo officielle de [Prénom Nom] pour la section équipe du site Meristheme

Étape 4 : Localisation de la Section Équipe¶

🔍 Navigation vers la page équipe¶

1. Aller dans "Pages" → "Toutes les pages"
2. Rechercher la page contenant l'équipe "Notre ADN"
3. Cliquer sur "Modifier" ou "Modifier avec Elementor"

🎨 Identification du constructeur de page¶

• Elementor : Interface drag & drop visuelle

Étape 5 : Remplacement des Photos¶

🔧 Avec Elementor¶

1. Cliquer sur "Modifier avec Elementor"
2. Localiser le widget contenant les photos d'équipe Section “Team”
3. Cliquer sur l'image à remplacer
4. Dans le panneau de gauche, cliquer sur l'icône d'image
5. Sélectionner "Remplacer l'image"
6. Choisir la nouvelle image depuis la médiathèque
7. Ajuster si nécessaire : taille, alignement, effets
8. Cliquer "Publier"

Étape 6 : Optimisation SEO des Images¶

🔍 Paramètres SEO essentiels¶

• Attribut Alt : Description précise de la personne et de son rôle
• Titre de l'image : Nom de la personne + fonction
• Nom du fichier : Format cohérent (ex: equipe-marie-dupont.jpg)

📊 Exemple de bonnes pratiques SEO¶

Copy<img src="equipe-marie-dupont.jpg"
     alt="Marie Dupont, Directrice Marketing chez Meristheme"
     title="Marie Dupont - Équipe Meristheme">

Étape 7 : Publication et Vérification¶

✅ Étapes de publication¶

1. Prévisualiser les changements avant publication
2. Vérifier l'affichage sur mobile et desktop
3. Cliquer "Publier" ou "Mettre à jour"
4. Tester le chargement de la page

🔍 Vérifications post-publication¶

• Images chargées correctement
• Responsive : bon affichage mobile/tablette
• Vitesse : pas d'impact négatif sur le temps de chargement
• SEO : attributs alt et title présents

✨ Bonnes Pratiques¶

🎨 Cohérence Visuelle de l'Équipe¶

• Style uniforme : même type d'éclairage et de cadrage
• Fond cohérent : couleur ou style similaire
• Format identique : toutes les photos au même format (carré, portrait, etc.)
• Qualité professionnelle : éviter les photos floues ou pixelisées

🚀 Optimisation Performance¶

• Compression : utiliser WebP si le thème le supporte
• Lazy loading : vérifier que les images se chargent à la demande
• CDN : s'assurer que les images passent par le CDN si configuré
• Cache : vider le cache après les modifications

📊 SEO et Accessibilité¶

• Texte alternatif descriptif : pour les lecteurs d'écran
• Nommage cohérent : facilitate l'indexation
• Taille appropriée : ni trop lourdes, ni trop légères
• Structure logique : organisation claire dans la médiathèque

🛠️ Dépannage des Problèmes Courants¶

❌ Problème : Image ne s'affiche pas¶

Solutions :

• Vérifier que l'upload s'est bien terminé
• Contrôler la taille du fichier (< 2MB généralement)
• Vider le cache du site et du navigateur
• Vérifier les permissions de fichiers sur le serveur

❌ Problème : Image déformée ou pixelisée¶

Solutions :

• Vérifier les dimensions originales de l'image
• Re-redimensionner avec un ratio correct
• Augmenter la qualité de compression
• Utiliser une image source de meilleure résolution

❌ Problème : Changements non visibles¶

Solutions :

• Vider le cache WordPress (via plugin de cache)
• Vider le cache navigateur (Ctrl+F5)
• Vérifier que la publication a bien été effectuée
• Attendre quelques minutes (propagation CDN)

❌ Problème : Site lent après ajout des images¶

Solutions :

• Compresser davantage les images
• Vérifier l'utilisation d'un plugin d'optimisation d'images
• Activer le lazy loading
• Convertir en format WebP si supporté

📞 Support et Contacts¶

🆘 En cas de problème technique¶

• Support technique principal : Fenohery Fanomezanirina
• Email : fenohery.fanomezanirina@gmail.com
• Délai de réponse : 24-48h en jours ouvrés

📚 Ressources complémentaires¶

• Documentation WordPress Médias
• Guide Elementor Images
• Optimisation images web

🔄 Mises à jour de ce guide¶

• Version actuelle : 1.0
• Prochaine révision : Septembre 2025
• Historique des versions : Disponible sur demande

✅ Checklist de Vérification Finale¶

Avant de considérer la tâche terminée, vérifiez que :

• Toutes les nouvelles photos sont uploadées et optimisées
• Métadonnées SEO complétées (alt, title, description)
• Affichage correct sur desktop, tablette et mobile
• Performance : pas d'impact négatif sur la vitesse
• Cohérence visuelle avec le reste de l'équipe
• Cache vidé et modifications visibles en navigation privée
• Sauvegarde des anciennes images (si nécessaire)