C’est l’été et le constructeur de page Elementor pour WordPress continu ses mises à jour. La dernière version 3.15.0 apporte une nouveauté dans chaque version (gratuite et PRO). Un widget Accordéon qui peut embarquer d’autres widgets (nested elements) pour Elementor gratuit, un widget de filtrage pour les grilles de boucles avec la version PRO.
Les fonctionnalités en cours de développement visent, à terme, à une puissante imbrication des widgets entre-eux. De quoi booster la mise en forme du contenu dans plusieurs widgets, couplé aux nouvelles fonction de boucle que l’on retrouve dans Elementor PRO on dispose dès maintenant (et encore plus demain) d’un constructeur de page très puissant qui offre des fonctionnalités encore inconnues chez ses concurrents.
Imbrication à tous les étages dans les widgets Elementor : le widget Accordéon
Voici le dernier widget de la série Nested Elements : l’accordéon. Comme les widgets Menu, Tabs et Carousel, les capacités imbriquées de l’Accordion transforment chaque élément en un conteneur pour une flexibilité illimitée, vous permettant de placer n’importe quel widget et type de contenu.
La flexibilité du nouvel Accordéon s’étend au-delà des éléments imbriqués. Vous pouvez également contrôler l’espacement entre les éléments et au sein de chaque élément, repositionner les icônes par rapport aux titres et choisir la durée de l’effet d’animation lorsque les éléments sont développés ou réduits.
Il est possible de limiter le nombre d’éléments que l’internaute peut ouvrir en même temps. Cerise sur le gâteau il est possible de fermer tous les accordéons par défaut.
Elementor PRO : nouveau widget de filtre pour les grille de boucles
La première phase tant attendue du filtre de taxonomie est enfin arrivée, vous permettant de connecter une barre de filtre à une grille de boucles pour faciliter la consultation. Le système va être amélioré à l’avenir, n’hésitez-pas à le tester. Chez moi c’est fonctionnel sans souci.
Pour utiliser le filtre il suffit de glisser le widget puis de le connecter à une grille de boucles et de le personnaliser. Chaque aspect du design du filtre est adaptable selon votre site/page.
Mise en page horizontale ou verticale pour afficher la grille de boucles et le filtre côte à côte. On peut également choisir les couleurs et la position des titres, choisir de masquer ou d’afficher les catégories vides, la première catégorie (toutes), et contrôler la profondeur des taxonomies affichées. Le filtre de taxonomie propose un lien profond pour chaque catégorie ou tag de manière à partager un affichage particulier, un très bonne option en SEO.
Capacités de style améliorées dans les widgets de carrousel
Les widgets de carrousel bénéficient de plusieurs nouveautés : effet de glissement des éléments avec fondu, très nombreux réglages pour la partie navigation, disposition et mise en forme vous permettrons de créer des carrousels plus personnalisés.
On peut repositionner les éléments de pagination qui affichent la progression des visiteurs dans le carrousel, et placer les boutons suivant et précédent où l’on veut. Ces nouveaux réglages décuple les possibilités des widgets de carrousel.
Elementor IA : supprimer et remplacer les arrière-plans
Elementor AI vous donne plus d’outils pour générer et modifier des images, ainsi on peut supprimer ou remplacer facilement l’arrière-plan d’une image ou la remplacer par une description textuelle directement depuis l’éditeur.
Supprimer l’arrière-plan
Permet de supprimer l’arrière-plan d’une image. D’isoler avec précision l’objet principal d’une image et lui appliquer un arrière-plan transparent afin qu’elle s’affiche sur l’arrière-plan de son conteneur parent.
Remplacer l’arrière-plan
On peut désormais modifier les images et leur contexte en générant de nouveaux arrière-plans avec des descriptions textuelles. Par exemple, faire passer l’arrière-plan d’un modèle ou d’un produit d’une plage à une forêt tropicale ou à un espace atmosphérique.
Des expériences sont mises à jour avec cette nouvelle version d’Elementor
Elementor 3.15 inclut plusieurs changements dans le statut des expériences et des fonctionnalités. Les fonctionnalités et expériences suivantes sont désormais stables et seront activées par défaut sur tous les sites Web :
- Sortie DOM optimisée : améliore les performances en réduisant le nombre d’éléments conteneurs dans le HTML généré par Elementor. Cependant, cela peut affecter négativement les sites qui fonctionnent toujours sur Elementor 3.0 ou une version antérieure.
- Chargement des actifs amélioré : charge moins de code par défaut, ce qui se traduit par des temps de chargement de page nettement plus rapides et de meilleurs scores de vitesse de page.
- Transitions de page : permet d’ajouter des animations d’entrée et de sortie pour chaque page du site, d’ajouter un préchargeur avec des animations et des icônes prédéfinies ou des images personnalisées.
- Guide de style global : permet de prévisualiser les styles globaux instantanément, les couleurs et les polices globales dans un guide de style élégant à partir des réglages de site.
Enfin la fonctionnalité de Landing Pages sera désactivée par défaut pour les nouveaux sites créés à partir de cette version.
Sources : présentation officielle,
