Présentation de Loop Builder pour Divi 5

Aujourd'hui, nous introduisons Loop Builder Divi 5, qui vous permet de construire un contenu en boucle post-basé sur les termes et basés sur des termes à l'aide de n'importe quel élément Divi.

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!

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

Boucle tout

Tout d'abord: qu'est-ce qu'un constructeur de boucle? Autrement dit, c'est un outil qui vous permet d'afficher une boucle de contenu à partir de la base de données de votre site Web (comme les publications, les produits, les catégories et les auteurs) et personnaliser la conception de chaque élément dans la boucle.

Cela vous permet de créer du contenu post-publique, tels que des flux de blog personnalisés, des listes de produits, des calendriers d'événements, des listes de cours, des pages de catégorie et tout le reste!

1. Tout d'abord, créez un modèle pour les éléments en boucle à l'aide d'éléments divi et de paramètres de conception.
2. Ensuite, personnalisez la requête qui contrôle le contenu dans la boucle (nombre de messages, type de message, catégorie, etc.).
3. Enfin, branchez le contenu dynamique de la boucle dans votre modèle (titre de publication, image en vedette, extrait, etc.).

Avant d'entrer dans les détails, permettez-moi de vous donner des exemples de ce que vous pouvez créer en utilisant le nouveau constructeur de boucle de Divi.

Exemple n ° 1: flux de blog personnalisé

Regardez le magnifique flux de blog dans la vidéo ci-dessous. Vous serez familier avec une boucle d'articles de blog car il est au cœur de WordPress et quelque chose présenté par le module Divi Blog, mais cet exemple n'est pas un module de blog; C'est une boucle personnalisée.

J'ai construit mon modèle de blog en utilisant des éléments divi et des paramètres de conception. Ensuite, j'ai allumé la boucle pour la colonne qui contient mes éléments de contenu et j'ai choisi de faire une boucle à travers les publications. La colonne est répétée, chaque instance représentant un post dans la boucle.

Enfin, j'ai branché du contenu dynamique à partir de la boucle, comme la tuile post et l'image en vedette, de sorte que chaque élément de la boucle affiche son contenu unique. Vous pouvez le faire pour tout type de publication pour créer tout type de contenu post-basé.

Exemple n ° 2: produits WooCommerce en vedette

Dans cet exemple, j'ai créé une boucle de produits WooCommerce en vedette pour ma page d'accueil. Le modèle a été construit à l'aide de modules et de groupes dans une colonne en boucle dans une ligne.

J'ai personnalisé la requête pour montrer des produits spécifiques que je voulais comporter.

Exemple # 3: Calendrier des événements

J'ai créé une boucle d'événements à venir du plugin Calendar Events dans cet exemple. Le constructeur de Loop de Divi vous donne une liberté totale pour concevoir votre élément de boucle, afin que vous puissiez faire preuve de créativité avec la conception de vos boucles, en particulier avec le système de mise en page Flexbox de Divi 5.

Vous pouvez également appuyer sur n'importe quel champ personnalisé (post META) pour n'importe quel type de message. Dans ce cas, je pourrais utiliser les champs de prix et de date de l'événement.

Exemple n ° 4: curseur de cours LMS

Vous pouvez même faire boucle les sous-éléments du module comme une diapositive dans un curseur.

La diapositive en boucle dans la vidéo ci-dessous affiche des cours de Tutor LMS.

Divi a eu le concept de modules post-basés, comme les modules de curseur et de blog, mais avec le contenu dynamique et le nouveau constructeur de boucle de Divi, tout élément peut être transformé en boucle dynamique.

Exemple n ° 5: page de catégorie WooCommerce

Vous pouvez également parcourir les termes et les utilisateurs.

Dans cet exemple, j'ai créé une page de produit de haut niveau qui parcourt toutes les catégories de produits WooCommerce.

Chaque élément de la boucle est une catégorie plutôt qu'un message. Le titre de catégorie de produits et l'image en vedette sont tirés dynamiquement des termes Meta.

Exemple # 6: auteurs de blog

Dans l'exemple de vidéo ci-dessous, j'ai fait une page avec tous les auteurs de notre blog.

Il parcourt tous les utilisateurs avec le rôle de l'auteur et affiche leur nom, Avatar et Bio.

Exploration des options de boucle de requête

Examinons les options de requête du constructeur de boucle qui contrôlent les messages apparaissent dans une boucle. Vous pouvez choisir le type de publication à parcourir, filtrer les publications par catégories et balises, filtrer des publications spécifiques ou créer des requêtes de méta personnalisées pour cibler un contenu spécifique. Vous pouvez également contrôler la commande et le décalage du post.

• Type de requête - Choisissez ce que vous souhaitez faire boucle, que ce soit des publications, des termes ou des utilisateurs.
• Type de publication - Si vous en faites boucler les messages, vous pouvez choisir le type de publication à boucle, tels que les articles de blog, les produits WooCommerce, les projets Divi, etc.
• Termes - Si vous bouclez des termes, vous pouvez choisir le terme à boucle, tels que les catégories et les balises.
• Utilisateurs - Si vous bouclez les utilisateurs, vous pouvez choisir le rôle des utilisateurs à boucle, tels que les auteurs ou les contributeurs.
• Inclure des articles avec des termes spécifiques - Si vous bouclez des messages, vous pouvez choisir de passer à travers uniquement des publications à partir de catégories et de balises spécifiques.
• Exclure des publications avec des termes spécifiques - vous pouvez également exclure les publications de catégories et balises spécifiques de votre boucle.
• Incluez des articles spécifiques - Si vous en faites boucler des messages, vous ne pouvez inclure que des articles spécifiques dans votre boucle, ce qui est excellent pour présenter des articles de blog ou des produits.
• Exclure des messages spécifiques - vous pouvez également exclure des messages spécifiques de votre boucle.
• Commandez par - commandez vos articles en boucle en ascendant ou en descendant.
• Posts par page - Choisissez le nombre d'éléments en boucle que devrait apparaître sur chaque page.
• Offset de publication - Affichez uniquement tous les n éléments. Cela vous permet de créer plusieurs boucles via la même requête, chacune avec un ensemble unique de messages et de conception.
• Meta Query - Créez des requêtes personnalisées pour filtrer votre boucle à l'aide de n'importe quelle clé de poste.
  • Meta Key - La clé Meta dans la table Post_meta.
  • Meta Value - La valeur de l'élément avec la Meta Key spécifique.
  • Comparez - Une fois que vous interrogez une méta-clé spécifique, vous pouvez choisir comment comparer la valeur pour affecter la requête (est égale à, est supérieure à, etc.).
  • Type - Le type de valeur comparé, tel que le nombre, la date, l'heure, etc.

Prise en charge des champs et de la publication personnalisés

Le constructeur de Loop de Divi prend en charge les champs personnalisés de deux manières. Tout d'abord, vous pouvez utiliser des requêtes de méta personnalisées pour afficher un contenu spécifique dans votre boucle en fonction des données des publications dans la table Post_meta, qui comprend toutes les données de champ personnalisées. Deuxièmement, vous pouvez afficher des données à partir de la table WP_PostMeta, telles que les données de champ personnalisées, en tant que contenu dans votre modèle de boucle.

Prise en charge des champs personnalisés avancés (ACF)

Le constructeur de Loop de Divi prend en charge les champs personnalisés créés à l'aide de champs personnalisés avancés (ACF). Lors de la sélection d'un champ personnalisé, vous trouverez tous les champs ACF en haut, qui sont étiquetés avec leurs noms de champ associés.

Prise en charge des champs de répéteur ACF

Le constructeur de Loop de Divi prend également en charge les champs de répétition ACF. Si vous avez utilisé ACF pour créer une boucle de requête, vous pouvez le sélectionner dans le menu Type de requête, et tout se mettra en place.

Essayez Divi 5 aujourd'hui

Loop Builder pour Divi 5 est disponible aujourd'hui, et c'est l'une des nombreuses fonctionnalités qui arrivent à Divi 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é Flexbox?

Au cas où vous l'auriez manqué, nous avons récemment publié le tout nouveau système de mise en page basé sur Flexbox pour Divi 5.

Ce n'est pas une mise à jour mineure. Il réinvente Divi, vous permettant de construire n'importe quelle structure de mise en page, y compris la rupture de mise en page réactive, la commande de modules personnalisés, l'alignement vertical facile et le positionnement des éléments, et bien plus encore. Aucune pierre n'a été retournée, aucune option n'a été oubliée - nous avons tout fait, et c'est mieux en classe. Il y a un lien dans la description de la vidéo pour en savoir plus.

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.