Nous approchons de la transition vers Elementor 4.0, qui deviendra l’expérience d’édition par défaut et sera activée automatiquement sur les nouveaux sites.
Cet article résume l’article de Rebecca Markowitz publié le 22janvier sur le blog developers de Elementor disponible ici :
Architecture de la version 4 : une base pensée pour l’avenir
La version 4 repose sur une nouvelle architecture conçue pour séparer clairement :
- la structure,
- le style,
- le contenu.
Cette distinction rend les mises en page plus prévisibles et permet une réutilisation plus sûre des éléments.
L’éditeur reste familier en apparence, mais ses fondations ont été profondément modernisées pour répondre aux besoins des sites plus vastes et plus complexes.
La bêta de la version 4 est désormais adaptée aux projets réels :
- les principaux usages d’édition sont stables,
- le rendu est fiable,
- la compatibilité avec les sites Elementor existants est maintenue.
Il s’agit de la dernière grande étape avant la sortie officielle de la version 4.0 et l’activation automatique des fonctionnalités atomiques sur les nouveaux sites.
Important : les sites actuels ne seront pas impactés. Les fonctionnalités de la version 3 et de la version 4 pourront coexister.
Composants : créer une fois, réutiliser partout
Les Composants constituent l’un des piliers de la version 4.
Ils permettent de créer des sections réutilisables, synchronisées sur l’ensemble du site, tout en offrant une personnalisation contrôlée du contenu pour chaque instance.
Concrètement
- Vous pouvez transformer n’importe quel conteneur Flexbox ou DIV en composant.
- Celui-ci apparaît dans un onglet dédié et s’utilise comme un élément natif.
- Toute modification de structure ou de mise en page se répercute automatiquement sur toutes les occurrences.
Les composants sont idéaux pour :
- les en-têtes et pieds de page,
- les grilles de fonctionnalités,
- les bannières d’appel à l’action,
- tout motif répété sur un site.
Personnalisation maîtrisée
Les composants intègrent des propriétés de contenu :
l’administrateur décide quels champs peuvent être modifiés par instance :
- texte,
- médias,
- liens,
- balises HTML.
Les éditeurs peuvent donc adapter le contenu sans risquer de casser la structure globale.
Cet équilibre entre flexibilité et cohérence rend les composants particulièrement adaptés :
- au travail en équipe,
- aux projets complexes,
- au transfert vers le client final.
Associés aux variables, aux classes et à la nouvelle architecture de style, les composants introduisent une méthode beaucoup plus systématique pour concevoir et maintenir des sites à grande échelle.
Édition en ligne pour les éléments atomiques
La version 4 introduit l’édition en ligne pour les éléments atomiques Titre et Paragraphe.
Désormais, il est possible de modifier le texte directement sur le canvas, sans passer par le panneau latéral :
- les modifications s’appliquent instantanément,
- elles restent synchronisées avec les champs du panneau,
- les ajustements de contenu deviennent plus rapides et intuitifs.
Une barre d’outils contextuelle apparaît près du texte sélectionné et donne accès aux actions courantes :
- effacer le formatage,
- gras, italique, souligné, barré,
- exposant/indice,
- gestion des liens.
Tout le formatage est appliqué visuellement, sans manipulation de HTML brut.
Un menu Elementor unifié dans WordPress
Depuis la version 3.34.2, l’interface d’administration propose un menu Elementor repensé :
- un nouvel écran d’accueil centralise les actions principales,
- tous les réglages liés à l’éditeur sont regroupés dans un sous-menu Éditeur,
- les modèles y sont désormais intégrés,
- polices personnalisées, icônes et code personnalisé sont réunis sous Éléments personnalisés,
- les informations système, gestionnaire d’éléments et licence sont rassemblés sous Système.
Objectif : une navigation plus claire et plus cohérente.
Balises dynamiques dans les contrôles de couleur
Les balises dynamiques sont désormais compatibles avec les réglages de couleur :
- texte,
- arrière-plan,
- bordures,
- ombres.
Il devient possible de piloter les couleurs depuis des champs personnalisés (ACF ou natifs WordPress) pour des designs réellement dynamiques.
Sémantique HTML améliorée
Le comportement des liens a été optimisé pour :
- une meilleure accessibilité,
- une navigation clavier plus cohérente,
- un rendu plus fiable pour les lecteurs d’écran.
Les éléments déclenchant des actions utilisent désormais des balises adaptées, tandis que la navigation conserve une structure sémantique correcte.
En conclusion
Avec Elementor 3.35, la version 4 entre dans une phase décisive.
Sa nouvelle architecture — fondée sur une séparation claire entre structure, style et contenu — offre une base plus robuste pour les projets complexes.
Les Composants transforment la manière de concevoir les sites :
réutilisation au niveau des mises en page, synchronisation globale et contrôle précis du contenu par instance.
L’édition en ligne, le menu unifié, les balises dynamiques et les améliorations d’accessibilité complètent cette évolution majeure.
👉 Nous encourageons tous les professionnels à intégrer dès maintenant la bêta de la version 4 dans leurs projets afin d’anticiper son activation automatique comme expérience d’édition par défaut.
