Modifier une page avec Elementor (éditeur visuel)

🛠️ Pourquoi utiliser Elementor ?

Elementor est un éditeur visuel qui permet de modifier des pages plus complexes : avec plusieurs colonnes, des images, des animations, etc. C’est ce qui vous permet de voir en direct à quoi ressemblera la page.

Lien pour le menu des Pages

Pour des modifications uniquement liées au contenu, il est conseillé de se connecter avec l'utilisateur WordPress suivant :

text_editor_user

Pour des modifications structurelles (ajout/suppression d’un produit), utilisez un utilisateur avec plus de droits, par exemple :

editor

Conseils avant de commencer

• Elementor peut être lent à charger : attendez que tout soit affiché et que la navigation soit fluide avant de commencer à cliquer.

• Ne vous précipitez pas : si vous modifiez un élément pendant le chargement, vous risquez de supprimer ou déplacer du contenu par erreur.

• En cas de doute, demandez à un collègue de relire vos changements.

✍️ Modifier une page avec Elementor

1. Rendez-vous dans le menu Pages.

2. Trouvez la page à modifier et cliquez sur Modifier avec Elementor.

3. Une fois l’éditeur ouvert et bien chargé :

   • Cliquez sur le texte ou l’image à modifier.

   • Faites vos modifications (texte, couleur, taille, etc.).

4. Cliquez sur Mettre à jour / Publier en haut à droite pour enregistrer vos changements.

Exemple vidéo de modification rapide avec Elementor :

---

🖼️ Les images dans Elementor : deux façons de faire

Il existe deux types principaux d’images dans Elementor. Il est important de comprendre la différence pour pouvoir bien les modifier.

1. 📷 Image classique (avec le widget "Image")

C’est l’image la plus simple à modifier.

Elle est ajoutée avec le widget Image. Pour la modifier :

• Cliquez sur l’image.

• À gauche, dans le panneau, cliquez sur le bouton Choisir une image ou Remplacer.

• Sélectionnez une image dans la bibliothèque ou téléversez-en une nouvelle.

• Cliquez sur Mettre à jour pour enregistrer.

2. 🎨 Image d’arrière-plan (background d’un conteneur ou d’une section)

Cette image n’est pas directement visible comme un widget, car elle est en fond d’une zone.

Elle est utilisée pour faire un effet visuel sur une section complète. Pour la modifier :

• Cliquez sur la section ou le conteneur (souvent il faut cliquer près du bord, ou utiliser l’icône bleue avec six points en haut de la section).

• À gauche, allez dans l’onglet Style.

• Vous verrez une zone Image d’arrière-plan.

• Cliquez sur l’image pour la changer.

• Cliquez sur Mettre à jour.

💡 Astuce : si vous cliquez sur une image et rien ne s’affiche dans la colonne de gauche, il est probable que ce soit une image d’arrière-plan.