Modifier une page avec Elementor :
Afin de personnaliser le contenu de votre site, vous pouvez modifier les pages existantes grâce à l’éditeur visuel Elementor, intégré à votre site WordPress. Voici les étapes à suivre pour accéder à une page et la modifier efficacement.
1. Accéder à la page souhaitée
Qu’est-ce qu’un constructeur de page ?
Un constructeur de page est un outil visuel qui vous permet de créer, modifier et organiser les contenus de votre site web sans avoir besoin de coder. Grâce à une interface intuitive, vous pouvez construire vos pages en glissant-déposant des éléments (appelés widgets) tels que des titres, des images, des boutons ou encore des vidéos.
👉 Le constructeur de page utilisé sur votre site est Elementor, un des outils les plus populaires et puissants sur WordPress. Il vous permet de visualiser en temps réel les modifications apportées à vos pages.
Pourquoi utiliser un constructeur de page ?
Utiliser un constructeur de page comme Elementor présente plusieurs avantages :
Simplicité : aucune connaissance technique n’est requise.
Gain de temps : vous pouvez effectuer rapidement vos modifications.
Aperçu immédiat : vous voyez instantanément le résultat de vos changements.
Personnalisation visuelle : vous pouvez ajuster la mise en page, les couleurs, les typographies, etc., de manière précise.
Grâce à cet outil, vous avez la possibilité de faire évoluer votre site à votre rythme, en autonomie, tout en conservant une présentation professionnelle.
Dans le menu latéral gauche du back-office WordPress, cliquez sur l’onglet « Pages ». Vous verrez s’afficher la liste de toutes les pages créées sur votre site.
Passez votre souris sur la page que vous souhaitez modifier (par exemple, « Accueil ») : un sous-menu apparaîtra avec plusieurs options :
Modifier : permet d’accéder à l’éditeur WordPress classique.
Modification rapide
Mettre à la corbeille
Voir
Modifier avec Elementor (👉 C’est cette option que vous devez sélectionner pour accéder au constructeur de page Elementor).
Cliquez sur Modifier avec Elementor. Vous accédez désormais à l’interface de l’éditeur visuel.
2. Présentation de l’interface Elementor
L’éditeur Elementor se compose de deux menus principaux : un menu horizontal en haut de votre écran, et un menu latéral à gauche. Voici leur fonctionnement :
Menu horizontal (en haut de page)
Logo Elementor (en haut à gauche) : en cliquant dessus, vous accédez à des fonctionnalités comme :
Historique : permet de suivre les modifications effectuées et de revenir en arrière si besoin.
Sortir vers WordPress : vous ramène au tableau de bord (back-office).
- Icône « + » : ouvre la bibliothèque de widgets dans le menu latéral, vous permettant d’ajouter du contenu à votre page.
Réglages du site : permet d’agir sur des paramètres globaux comme les typographies, couleurs, en-têtes, etc. ⚠️ À utiliser avec précaution, car une mauvaise manipulation peut altérer l’apparence générale de votre site.
Structure : affiche une vue hiérarchique de tous les éléments de votre page. Très utile pour retrouver et organiser vos contenus.
- Notes : permet d’ajouter des commentaires internes à des fins de collaboration.
- Réglage de la page :
Ces réglages s’appliquent uniquement à la page sur laquelle vous travaillez actuellement. Depuis cet espace, vous pouvez :
Modifier le titre de la page
Choisir le modèle de page (par exemple : pleine largeur, sans en-tête, etc.)
Définir l’image mise en avant de la page
Gérer certains paramètres spécifiques à l’apparence de la page en cours
- Affichage Responsive (au centre) : vous pouvez prévisualiser votre site sur différents appareils (ordinateur, tablette, mobile) en cliquant sur les icônes correspondantes.
- Icône œil (Prévisualiser) : permet de visualiser vos modifications avant de les publier. Nous vous recommandons vivement de toujours prévisualiser votre page avant publication.
- Bouton « Publier » ou « Mettre à jour » : permet d’enregistrer et publier vos modifications sur votre site.
3. Utiliser les éléments (widgets) du menu latéral
Le menu latéral gauche évolue en fonction des actions effectuées. Lorsque vous cliquez sur le bouton « + » ou sur un élément présent sur la page, ce menu affiche les options correspondantes.
Catégorie « Mise en page »
Conteneur : élément de base pour structurer votre page. Il permet de regrouper plusieurs éléments et de définir un agencement (horizontal ou vertical).
Grille : alternative pour structurer vos contenus, notamment en colonnes.
Catégorie « Basique »
Titre : ajoutez des titres hiérarchisés (H1, H2, H3…) pour structurer vos textes.
- Éditeur de texte : insérez et mettez en forme vos textes librement.
- Image : ajoutez une image. Vous pouvez sélectionner des fichiers depuis votre bibliothèque WordPress (onglet « Médias »).
- Bouton : insérez un bouton cliquable. Vous pouvez le configurer pour rediriger vers une autre page, un document ou un programme de formation.
Lorsque vous cliquez sur un élément (texte, image, bouton…), le menu latéral se transforme pour afficher ses paramètres. Vous pouvez alors :
Modifier son contenu
Changer son style (couleurs, marges, typographies, etc.)
4. Conseils pour bien débuter
Pour vous familiariser avec l’interface Elementor, nous vous recommandons de créer une page test (appelée « bac à sable »). Cela vous permettra d’explorer les fonctionnalités, tester différents éléments, et apprendre à les manipuler sans risque pour votre site en ligne.
