Nouveau module de carrousel de groupe, module Lottie et plus encore!

Aujourd'hui, nous avons publié trois nouveaux modules pour Divi 5, y compris le module de carrousel de groupe tant appelé, qui vous permet de créer tout type de carrousel ou de curseur, y compris des carrousels post-basés, en utilisant le nouveau constructeur de boucle de Divi 5.

Nous avons également ajouté un module Lottie pour des animations basées sur JSON faciles et un module de liste d'icônes pour la création de liste facile.

La nouvelle architecture de Divi 5 facilite la création de modules, nous allons donc publier une quantité surprenante de nouveaux modules après la sortie officielle de Divi 5. Ce n'est qu'un apéritif pour vous retenir pendant que nous nous concentrons sur la progression de la phase bêta le mois prochain.

Découvrez la vidéo suivante pour voir la nouvelle fonctionnalité en action.

Module de carrousel de groupe

L'ajout le plus important est le module de carrousel de groupe.

Contrairement aux autres carrousels, chaque glissière dans le carrousel de groupe est une toile vierge; Vous pouvez ajouter n'importe quel module à chaque diapositive pour créer n'importe quel carrousel ou curseur. Vous contrôlez le nombre de diapositives, le contenu des diapositives et d'autres paramètres d'animation. Étant donné que les groupes peuvent être stylisés en utilisant la large gamme de paramètres de conception de Divi, vous pouvez créer des styles uniques et des effets de transition.

Créer des carrousels sur la publication, le terme et l'utilisateur

Le constructeur de boucle de Divi 5 vous permet de faire boucle un groupe à l'intérieur du carrousel pour créer des carrousels de publication, de terme ou d'utilisateur. Cela tire le contenu dynamique de votre site Web pour remplir chaque diapositive automatiquement.

Activer la boucle sur le groupe, personnaliser la requête et brancher le contenu dynamique dans les éléments du carrousel. Dans cet exemple, j'ai construit un carrousel de témoignage à l'aide d'un type de post personnalisé et des champs créés à l'aide d'ACF.

Exemples de carrousel

La beauté du module de carrousel de groupe est que chaque glissière dans le carrousel est une toile vierge enveloppée dans le conteneur de groupe de Divi. Vous pouvez ajouter n'importe quel module à l'intérieur, ainsi que des lignes imbriquées, et créer des dispositions de diapositives avancées à l'aide de Flexbox.

Le ciel est la limite!

Vous pouvez également tirer parti de la gamme complète de paramètres de conception de Divi, telles que les transformations, les filtres et l'ombre de la boîte, pour créer des effets de transition.

Exemple n ° 1: curseur complet sur l'écran personnalisé

Le carrousel de groupe peut afficher n'importe quel nombre de diapositives par page. Si vous le limitez à une seule diapositive, vous avez un curseur. Vous pouvez vous libérer des modules de curseur existants de Divi pour créer quelque chose de nouveau.

Exemple n ° 2: Carrousel d'équipe multi-balles

Vous pouvez choisir le nombre de diapositives à afficher par page et le nombre de diapositives pour faire défiler à chaque clic de la flèche. Dans cet exemple, j'ai créé un curseur d'équipe pour une page à propos, y compris les liens sociaux en utilisant le module Social Follow.

Exemple # 3: Carrousel en boucle basé sur des termes

Vous pouvez construire des carrousels basés sur des termes en utilisant le constructeur de boucle de Divi 5. Dans cet exemple, le carrousel boucle dans les catégories de produits WooCommerce. Le nom de catégorie et l'image de fonctionnalité sont générés dynamiquement avec chaque diapositive dans la boucle.

Exemple n ° 4: menu alimentaire avec transitions créatives

Dans cet exemple, j'ai créé un menu qui glisse à travers une liste de plats les plus vendus. L'ajustement de l'échelle et de l'opacité des lames inactives crée un effet de transition amusant lorsque je glisse dans chaque élément.

Module Lottie

Le nouveau module Lottie facilite l'ajout d'animations Lottie à votre site Web et de contrôler leurs animations et interactions.

Les animations Lottie sont super parce qu'elles sont basées sur JSON et SVG, ce qui les rend légères et parfaites par pixels. Il existe de nombreux endroits en ligne où vous pouvez trouver d'excellentes animations et les ajouter facilement à votre page.

Le module Lottie vous permet de personnaliser la vitesse d'animation, le déclenchement, la direction, la boucle, etc.

️ Remarque: WordPress Media Library n'autorise pas le téléchargement de fichiers JSON. Si vous souhaitez télécharger une animation Lottie via la bibliothèque de médias WordPress, vous pouvez utiliser un plugin tel que les types de téléchargement de fichiers pour activer JSON Téléchargement.

Module de liste d'icônes

Le module de liste d'icônes est un simple ajout qui remplit un petit vide dans les modules les plus basiques de Divi. Il facilite la création de listes et l'attribution d'icônes uniques à chaque élément.

Auparavant, la seule façon de créer des listes était manuellement dans un module de texte, ce qui en fait un ajout simple mais bienvenu.

Essayez Divi 5 aujourd'hui

Ces nouveaux modules sont disponibles pour Divi 5 aujourd'hui et sont l'une des nombreuses fonctionnalités à venir cette année.

Vous pouvez suivre au fur et à mesure que nous progressons dans la version finale de Divi 5 et au-delà, avec des mises à jour toutes les deux semaines. Selon vos priorités, vous pouvez utiliser Divi 5 maintenant pour créer de nouveaux sites Web ou attendre que nous ajoutions plus de fonctionnalités, tout ce qui vous convient le mieux.

Comme indiqué dans le calendrier de libération multi-phases original de Divi 5, le divi 5 public alpha est comme «divi 5 lite». Il manque quelques fonctionnalités et peut ne pas convenir aux sites Web existants, mais il est prêt à être utilisé sur de nouveaux sites Web si vous préférez l'expérience à Divi 4.

Nous voulons que vous l'essayiez, et si vous l'aimez, utilisez-le; Quand tout le monde l'aime, nous le rendrons officiel.

Avez-vous essayé Loop Builder?

Au cas où vous l'auriez manqué, nous avons récemment publié le tout nouveau Builder Loop pour Divi 5.

Le constructeur de Loop de Divi est unique dans sa liberté; Vous pouvez boucler quoi que ce soit sans être limité à un module de boucle statique ou à un conteneur. Créez votre élément de boucle, puis personnalisez votre requête à l'aide de diverses options pratiques et de méta requêtes. Il prend en charge les types de postes personnalisés, y compris WooCommerce, les champs personnalisés créés avec ACF et même les champs de répétition ACF.

C'est une fonctionnalité incroyable!

Regardez cette vidéo pour tous les détails.

Plus de mises à jour divi 5 sont en route

2025 est l'année de Divi 5 . Le travail fastidieux est derrière nous. Nous avons construit la fondation super rapide, et maintenant il est temps pour Divi pour faire son retour.

Si vous êtes ici pour le retour Divi, faites-nous une énorme faveur et faites-le nous savoir en aimant cette vidéo et en laissant un commentaire. Cela signifie beaucoup pour nous de vous voir applaudir divi, et il est essentiel de nourrir l'algorithme et de faire passer le mot.

N'oubliez pas de nous suivre sur YouTube et abonnez-vous à la newsletter Divi afin de ne jamais manquer une mise à jour. Je vous verrai bientôt pour une autre annonce de fonctionnalité Divi 5, ce qui, je le promets, sera au coin de la rue.