🧩 Guide - Modifier une Page avec Elementor (Les Bases)¶

Site : Meristheme.com

Version : 1.0

Dernière mise à jour : 26 Septembre 2026

Auteur : Fenohery Fanomezanirina

🎯 Introduction et Objectif¶

Ce guide explique comment fonctionne l'éditeur Elementor et comment réaliser les gestes de base pour modifier n'importe quelle page du site Meristheme : ouvrir une page, comprendre l'interface, éditer un texte, remplacer une image, ajouter ou supprimer un élément, et sauvegarder correctement.

C'est le guide à lire avant les guides spécifiques (témoignages, logos QVCJ, photos de l'équipe…) : ils supposent que ces gestes sont acquis.

🎯 Objectifs de ce guide¶

• ✅ Comprendre l'interface d'Elementor (panneau, canvas, réglages)
• ✅ Savoir ouvrir une page en mode édition
• ✅ Maîtriser les gestes de base : texte, image, ajout, suppression, déplacement
• ✅ Sauvegarder et publier dans le respect des règles du site

⚙️ Prérequis¶

• Compte administrateur ou éditeur WordPress (https://meristheme.com/mrt-admin/)
• Un navigateur récent (Chrome, Firefox, Safari, Edge)
• Pour la publication : la validation de Franck (voir règle en fin de guide)

🚀 Procédure Étape par Étape¶

Étape 1 : Ouvrir une Page dans Elementor¶

1. Connexion au tableau de bord : https://meristheme.com/mrt-admin/
2. « Pages » → « Toutes les pages »
3. Survoler la page à modifier puis cliquer « Modifier avec Elementor »

💡 Le site se charge dans l'éditeur : à gauche le panneau de réglages, au centre le canvas (aperçu de la page, cliquable). Si une fenêtre « Onboard » s'ouvre au premier lancement, fermez-la simplement.

Étape 2 : Comprendre l'Interface¶

Les pages sont construites en sections → colonnes → widgets :

• Section : une bande horizontale de la page
• Colonne : une colonne dans la section
• Widget : l'élément de contenu (titre, texte, image, bouton…)

Étape 3 : Modifier un Texte¶

1. Cliquer sur le texte dans le canvas : le widget se sélectionne (cadre bleu) et ses réglages s'affichent à gauche
2. Modifier le contenu dans le panneau de gauche (onglet Contenu) ou directement dans le canvas
3. Onglet Style : police, taille, couleur, graisse
4. Onglet Avancé : marges, espacements, identifiants

Étape 4 : Remplacer une Image¶

1. Cliquer sur l'image à remplacer
2. Dans le panneau de gauche (onglet Contenu), cliquer sur l'icône image
3. Choisir une image dans la médiathèque, ou « Téléverser » pour en ajouter une
4. Renseigner le texte alternatif (accessibilité + SEO)

Étape 5 : Ajouter un Élément¶

1. Cliquer sur l'icône grille ☰ (« Ajouter un élément ») en haut du panneau
2. Chercher le widget (ex. « Titre », « Image », « Bouton »)
3. Glisser-déposer le widget dans la page : une ligne bleue indique l'emplacement de dépôt
4. Renseigner son contenu dans l'onglet Contenu

Étape 6 : Déplacer, Dupliquer, Supprimer¶

Clic droit sur un élément (dans le canvas ou via le navigateur d'éléments ☰ en bas) donne accès à :

⚠️ Une suppression est immédiate dans l'éditeur — mais pas de panique : l'Historique (☰ → Historique) permet de revenir en arrière action par action.

Étape 7 : Vérifier le Responsive¶

1. En bas à gauche, cliquer sur l'icône 📱 Responsive Mode
2. Vérifier le rendu Tablette puis Mobile
3. Ajuster si besoin (tailles, empilement des colonnes, espacements) — chaque breakpoint a ses propres réglages

Étape 8 : Sauvegarder — et la Règle de Publication¶

🛑 Règle du site (validée avec le client, 25/09/2026) : les modifications sont sauvegardées en brouillon puis validées par Franck avant publication. Ne pas cliquer sur « Mettre à jour » sans accord.

1. Enregistrer comme brouillon (flèche à côté de « Mettre à jour »)
2. Prévisualiser (icône œil) — vérifier desktop + mobile
3. Envoyer la capture ou le lien d'aperçu pour validation
4. Publication après accord

✨ Bonnes Pratiques¶

• Toujours vérifier le mobile avant de demander une publication (la majorité du trafic y est)
• Dupliquer avant de modifier un élément complexe : on garde l'original sous la main
• Texte alternatif systématique sur chaque image (SEO + accessibilité)
• Ne pas toucher aux réglages avancés (identifiants CSS, conditions d'affichage) sans concertation technique
• Une session = un sujet : éviter d'empiler des modifications sans rapport dans une même sauvegarde

🛠️ Dépannage des Problèmes Courants¶

❌ La page ne charge pas dans l'éditeur (écran blanc / chargement infini)¶

• Recharger la page (Ctrl/Cmd + R), désactiver les extensions du navigateur
• Tester en navigation privée
• Si ça persiste : augmenter la limite mémoire PHP (côté hébergeur) — contacter le support

❌ « Mettre à jour » ne sauvegarde pas (erreur 403 / 500)¶

• Vider le cache du site et réessayer
• Vérifier que la session n'a pas expiré (reconnexion)

❌ Mes changements n'apparaissent pas sur le site en ligne¶

• Les modifications sont en brouillon : publication non effectuée (c'est la règle ✅)
• Vider le cache du site et du navigateur (Ctrl+F5)

❌ J'ai supprimé quelque chose par erreur¶

• Historique (☰ → Historique) : cliquer sur l'action précédente pour restaurer
• Les révisions WordPress restent accessibles depuis l'éditeur classique

📞 Support et Contacts¶

• Support technique principal : Fenohery Fanomezanirina — fenohery.fanomezanirina@gmail.com (réponse 24-48h ouvrés)

📚 Guides qui s'appuient sur ces bases¶

• Témoignages Clients (Page Principale)
• Logos — Page QVCJ
• Instructions Franck — Logos QVCJ
• Connecter Elementor MCP à votre IA

✅ Checklist de Vérification Finale¶

Avant de transmettre pour publication, vérifiez que :

• Rendu vérifié en desktop, tablette et mobile
• Orthographe relue (accents, noms propres)
• Images : texte alternatif renseigné, poids optimisé
• Modifications sauvegardées en brouillon (pas de publication directe)
• Aperçu envoyé pour validation