Questions fréquentes Templates Elementor

Les réglages de ta page ne doivent pas être correctement réglés !

Lorsque tu modifies ta page avec Elementor, en bas à gauche du panneau se trouve un icône « réglages » en forme de roue.

• Clique sur l’icône afin d’accéder aux réglages de la page. Tu y trouveras le menu déroulant « modèle de page ».
• Sélectionne le modèle « Elementor pleine largeur« 
• Et voilà ! Ta page est désormais en pleine largeur !

Parfois après l’import du template certaines images peuvent se remplacer par d’autres. Il te suffit simplement des remplacer par les tiennes.

Cette erreur arrive très souvent sur les templates Spirit et Sweet avec l’image du coup de crayon (ligne noir crayon.png) qui se remplace par une autre image ! Cela crée donc des blocs avec une image de fond qui se superpose au texte. Ce crayon est un peu caché dans les réglages.

Pour enlever ces images et/ou remettre l’image du crayon, voici comment faire :

• Cliquer sur la section concernée dans l’éditeur Elementor.
• Aller dans l’onglet style du panneau de gauche.
• Cliquer sur le second onglet « superposition d’arrière plan ».
• Remplacer ou supprimer l’image (même si elle n’est pas visible dans la prévisualisation, elle est bien là).

Cela arrive lorsque tu n’utilises pas un thème WordPress compatible avec Elementor, notamment le dernier « Twenty Twenty-Two ». Tu peux utiliser le thème Hello spécialement conçu par et pour Elementor.

Voici comment modifier ton menu après avoir choisi un bon thème.

1. Aller dans l’interface d’administration de WordPress
2. Naviguer dans l’onglet « Apparence » > « Menu »
3. Modifie ton menu, ajoute, supprime des pages à ta convenance.

Lorsque tu modifies ta page avec Elementor, en bas à gauche du panneau se trouve un icône « réglages » en forme de roue.

• Option 1 : Sélectionner le modèle de page « Elementor pleine largeur » qui s’occupera de ne laisser que l’en-tête et le pied de page (et donc masquera ton titre automatiquement).
• Option 2 : Cliquer sur l’icône afin d’accéder aux réglages de la page. Tu y trouveras l’option « masquer le titre ».

Nous avons affaire ici à une confusion entre les pages et les modèles de thème !

En effet, si tu te retrouves avec une section sur toutes tes pages, en général sous ton menu ou au dessus de ton pied de page c’est que tu as dû modifier par erreur un modèle du constructeur de thème.

Il est important de comprendre le fonctionnement du constructeur de thème qui comporte : l’en-tête, le pied de page, le modèle de page classique, le modèle d’article de blog, le modèle d’archives du blog, le modèle de page 404, le modèle de page de recherche.

Si tu te retrouves avec un élément sur toutes tes pages, c’est que tu as modifié par erreur un de ces modèles au lieu de modifier le contenu de l’une de tes pages.

Rendez-vous dans ton constructeur de thème pour trouver le suspect ! Il te suffira ensuite de déplacer l’élément suspect sur la bonne page !

Lorsque tu copies/colles un texte d’un document sur Elementor (ou WordPress) du code peut s’importer avec. Cela crée des problèmes d’affichages typographiques et tu auras beau modifier les styles sur Elementor cela ne marchera pas ! 

Il faut donc faire un petit nettoyage après avoir collé tes textes dans l’éditeur. Voici comment procéder :

1. Dans l’éditeur de texte : sélectionner le texte que tu viens d’importer et que tu souhaites « nettoyer ».
2. Cliquer sur l’icône de la petite gomme « Nettoyer la mise en forme »
3. Et voila, ton texte a été nettoyé !

Voici un tutoriel officiel d’Elementor pour t’expliquer comment travailler ta version mobile et tablette :

Voici plusieurs choses à tester :

• Aller dans l’onglet Elementor > Outils > et clique sur le bouton « Régénérer les CSS et les données ».
• Désactiver toutes extensions de cache tant que ton site est en développement. Cela altère la visibilité des modifications.
• Désactiver certaines fonctionnalités expérimentales qui pourraitent être cative. Elles peuvent créer des conflits. Comme Inline Font Icons ou Improved CSS Loading.  Elementor > Réglages > Fonctionnalités.
• Tester si ce n’est pas un conflit avec une autre extension. Désactiver les autres extensions une par une jusqu’à trouver la suspecte.
• Vérifier que le cache serveur n’est pas actif sur ton hébergement (tu trouveras cette information sur la documentation de ton hébergeur ou via leur support)
• Contacter directement le support Elementor. Avec la version pro tu as un support privilégié.

Plus d’informations par ici sur ce bug : https://elementor.com/help/changes-dont-appear-online/

1. Vérifier les mises à jour

Premièrement, si tu viens de mettre à jour Elementor, vérifie que la version PRO est également à jour. Il lui faut parfois quelques minutes pour réagir et afficher la notification de mise à jour. Tu peux également cliquer sur « afficher les détails » et forcer l’extension à faire sa dernière mise à jour.

2. Mettre à jour les données

Si Elementor te le propose, exécute la mise à jour des données. Tu as en général une notification qui s’affiche sur ton tableau de bord pour l’exécuter.

3. Régénérer le CSS et les données

Si tu as toujours des erreurs d’affichage, teste de régénérer les CSS et les données. Pour cela, rendez-vous dans l’onglet Elementor > Outils > et clique sur le bouton « Régénérer les CSS et les données ».

4. Vérifier les autres extensions

N’oublie pas de mettre à jour et vérifier que ce n’est pas une autre extension WordPress qui pose problème. La plus grande source de bugs sur WordPress reste les conflits d’extensions.

Je t’invite également à lire cet article de blog concernant la bonne méthode pour faire les mises à jour WordPress.

5. Contacter le support Elementor

Si après cette mise à jour ton site ne s’est pas remis en état, contacte directement le support Elementor. En tant que client·e de la version PRO, tu as accès à un chat directement dans ton espace client. Ils sont en général très réactifs !