Elementor Conseils & Astuces

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

🧼 Astuces pour garder une page propre

  • Évitez de dupliquer trop de blocs si vous n’en avez pas besoin. Cela peut rendre la page difficile à maintenir.

  • Utilisez les titres (H2, H3, etc.) correctement : ne pas mettre tout en “Titre 1” ou “Paragraphe”.

  • Vérifiez les versions mobile et tablette (ou plus) en haut de l’écran → Elementor permet d’adapter l’affichage.

  • Ne changez pas la taille du texte directement si possible. Utilisez les styles existants définis dans le site de manière globale (cela garantit une cohérence).

  • Pensez à la lisibilité : bon contraste, pas trop de texte d’un coup, marges suffisantes.


🔗 Ajouter ou modifier un lien (bouton, texte ou image)

Dans Elementor, plusieurs éléments peuvent contenir des liens : boutons, textes, images, etc.

1. ✅ Pour un bouton :

  • Cliquez sur le bouton.

  • À gauche, dans l’onglet Contenu, remplissez le champ Lien.

  • Vous pouvez mettre :

    • une URL (ex. : https://metal-rouge.fr/contact)

    • ou simplement le nom d’une autre page du site (Elementor vous la proposera automatiquement).

    • ou sélectionné l'icône de balise dynamique pour choisir un lien interne ou autre si nécessaire

  • Cliquez sur Mettre à jour.

2. ✍️ Pour du texte avec lien :

  • Sélectionnez le texte à modifier (dans un widget Texte).

  • Cliquez sur l’icône 🔗 dans la barre d’édition.

  • Collez le lien.

  • Appuyez sur Entrée.

3. 🖼️ Pour une image cliquable :

  • Cliquez sur l’image.

  • Dans le panneau de gauche, dans Lien, choisissez :

    • Fichier média si vous voulez que l’image s’ouvre en grand.

    • Personnalisé pour ajouter une URL.

  • Cliquez sur Mettre à jour.


💥 Si un bloc est cassé ou mal aligné

Parfois, une mise en page peut être désorganisée par erreur.

🧰 Quelques pistes pour réparer :

  • Essayez de cliquer sur la section ou le conteneur parent pour vérifier les marges/paddings.

  • Vérifiez dans l’onglet Avancé s’il y a des marges négatives ou un "z-index" étrange.

  • Regardez la version mobile (en bas de l’interface) pour vérifier si le bug vient d’un affichage responsive.

🧼 Si vous ne trouvez pas :

  • Ouvrez le Navigateur pour voir toute la hiérarchie (clic droit > "Navigateur").

  • Supprimez le bloc concerné et recréez-le proprement si c’est plus rapide.


🕐 Utiliser l’historique (annuler une erreur)

Elementor enregistre automatiquement vos actions pendant l’édition.

🔙 Pour annuler une action :

  • Cliquez sur l'icône Elementor de l'éditeur en haut à gauche

  • Sélectionnez Historique.

  • Vous verrez toutes les actions récentes.

  • Cliquez sur un point pour revenir à cet état.

⚠️ Attention : si vous quittez Elementor sans enregistrer, vous perdrez l’historique, sauf les révisions qui peuvent servir de backup.


✅ Checklist avant de cliquer sur “Mettre à jour”

Avant d’enregistrer vos changements, voici quelques questions utiles à se poser :

  • Ai-je bien modifié le bon bloc (et pas une section par erreur) ?

  • L’image ou le texte est-il bien placé dans la bonne colonne ?

  • Ai-je bien vérifié l’affichage mobile ?

  • Ai-je bien cliqué sur Mettre à jour pour enregistrer ?

  • Est-ce que tout fonctionne correctement en cliquant sur les liens ?

  • Ai-je relu ou fait relire les contenus ?

Mis à jour