Tout ce que vous devez savoir sur le constructeur de Loop de Divi 5

Le constructeur Loop est la plus récente fonctionnalité . Il offre une nouvelle façon de créer des flux de blog personnalisés, des grilles de produit ou tout autre contenu dynamique, le tout dans le constructeur visuel Divi 5. Ce nouvel ajout puissant permet aux créateurs de créer du contenu en boucle avec la flexibilité, en transformant la façon dont nous affichons les publications, les produits et autres types de messages personnalisés.

Dans cet article, nous explorerons les fonctionnalités du constructeur de boucle et fournirons un guide étape par étape sur la façon de l'utiliser. Commençons!

Qu'est-ce que le constructeur de Loop de Divi 5?

Le constructeur de boucle dans Divi 5 est une nouvelle fonctionnalité qui permet aux utilisateurs de Divi de créer et de personnaliser les conceptions de boucle dynamiques directement dans le constructeur visuel. Que vous présentiez des articles de blog, des produits WooCommerce ou d'autres types de messages personnalisés, le constructeur Loop de Divi 5 vous permet de créer des boucles de contenu en utilisant n'importe quel élément divi sans être confiné à des modules statiques et prédéfinis.

Abonnez-vous à notre chaîne YouTube

L'avantage du constructeur de Loop de Divi 5 réside dans sa liberté. Vous pouvez concevoir des dispositions complexes avec des requêtes personnalisées et les styliser avec la suite complète d'outils de conception de Divi. Cela signifie que vous pouvez tout créer, des flux de blog élégants aux grilles de produits dynamiques avec un contrôle complet, le tout dans une interface sans code, glisser-déposer

Caractéristiques clés de Loop Builder

Le constructeur de boucle de Divi 5 a des fonctionnalités puissantes qui en font un outil remarquable pour créer des boucles de contenu dynamiques et personnalisées. Voici un aperçu de plus près de ce qui le rend si polyvalent et convivial:

1. Création de boucle flexible

Avec Loop Builder, vous n'êtes pas limité aux modules prédéfinis. Vous pouvez basculer l'option de boucle sur n'importe quel élément Divi, le transformant en une boucle de contenu dynamique. Les boucles vous permettent de créer des modèles personnalisés à l'aide du constructeur visuel, vous donnant la liberté de créer des dispositions qui correspondent à votre vision, des grilles de blog minimalistes aux portefeuilles.

2. Options de requête personnalisées

Loop Builder vous donne le contrôle du contenu à afficher. Vous pouvez personnaliser les boucles par type de poste, catégorie, nombre de publications ou requêtes de méta avancées. Il prend en charge entièrement les types de publication personnalisés (CPTS), tels que les produits WOO, les événements ou le contenu filtrés par l'auteur. Cela signifie que vous pouvez créer des boucles pour pratiquement n'importe quel type de contenu sur votre site, sans écrire de code ou utiliser des plugins tiers.

3. Intégration de contenu dynamique

Tirez de manière transparente le contenu dynamique dans vos modèles de boucle, y compris les titres de publication, les images en vedette, les extraits ou les champs personnalisés. Loop Builder offre une prise en charge native pour l'ACF, y compris les champs de répéteur, vous permettant d'afficher des données directement dans vos boucles. Cette intégration garantit que votre contenu est à la fois dynamique et hautement personnalisable.

4. Concevoir la liberté

Style votre contenu en boucle avec le constructeur visuel pour créer des dispositions uniques et accrocheuses comme des grilles, des carrousels ou des curseurs. Chaque aspect est entièrement personnalisable, garantissant que vos boucles s'alignent avec votre marque.

Comment fonctionne le constructeur de boucle

Le constructeur de boucle de Divi 5 simplifie la création de boucles de contenu dynamiques, ce qui le rend accessible pour les débutants et les utilisateurs avancés. Avant de construire une boucle, passons en revue tous les paramètres du constructeur de boucle de Divi 5.

Comprendre les paramètres du générateur de boucle de Divi 5

Le constructeur de boucle dans Divi 5 vous permet de créer des sections dynamiques sur votre site Web en récupérant et en affichant différents types de contenu en fonction de vos critères spécifiques. Passons en revue chaque paramètre afin de mieux comprendre ce qu'ils font et comment les utiliser.

Type de requête

Ceci est le choix fondamental de votre boucle. Il indique à Divi 5 quel contenu vous souhaitez tirer dans votre disposition. Vous pouvez choisir entre des publications, des termes ou des utilisateurs. Les articles sont du contenu standard comme les articles de blog, les projets ou tout type de publication personnalisé que vous avez sur votre site. Les termes se réfèrent aux catégories, tags ou taxonomies personnalisées. Enfin, les utilisateurs vous permettent d'afficher des informations sur les utilisateurs de votre site, tels que les auteurs ou les contributeurs.

Type de poste

Si vous choisissez des messages pour votre type de requête, ce paramètre affine le type spécifique de message que vous souhaitez afficher. Il peut s'agir de articles de blog, de produits, de projets, de pages ou de tout type de publication personnalisé que vous avez enregistré, comme des recettes ou des témoignages.

Termes

Lors du choix des termes comme type de requête, ce paramètre vous permet de choisir les catégories ou balises spécifiques que vous souhaitez faire boucle. Par exemple, il peut s'agir de balises, de formats, de catégories de projets, de balises de projet ou d'un terme de taxonomie personnalisé.

Utilisateurs

Ce paramètre vous permet de filtrer les rôles utilisateur que vous souhaitez inclure lors de la boucle des utilisateurs. Les exemples incluent les auteurs, les contributeurs, les éditeurs et les administrateurs.

Inclure des articles avec un terme spécifique

Divi 5 vous permet de faire boucle des publications à travers des catégories et des balises spécifiques, en rétrécissant votre sélection de messages pour inclure uniquement ceux affectés à certaines catégories ou balises.

Exclure les publications avec des termes spécifiques

Ce paramètre fait l'opposé du réglage ci-dessus. Il supprime les publications de votre boucle attribuée à des catégories ou onglets spécifiques. Il est utile lorsque vous souhaitez afficher tous vos articles de blog, à l'exception de ceux d'une certaine catégorie.

Inclure des messages spécifiques

Si vous bouclez des publications, vous ne pouvez inclure que des articles spécifiques, ce qui est excellent pour présenter des articles de blog ou des produits. Par exemple, vous pouvez créer une section de publication en vedette sur votre maison ou la page de destination et utiliser Divi's Loop Builder pour afficher uniquement les articles ou les produits que vous souhaitez comporter.

Exclure des messages spécifiques

Cela vous permet de supprimer des messages individuels spécifiques de votre boucle. C'est un excellent moyen d'empêcher certains articles d'apparaître dans un fil de blog général, comme s'ils sont dépassés ou une partie d'une promotion spéciale affichée ailleurs sur votre site.

Commander

Cela détermine la séquence dans laquelle vos éléments en boucle apparaîtront. Vous pouvez trier par la date de publication, aucun, ID, titre, nom de message, dernière date modifiée, aléatoire, auteur ou comptage de commentaires.

Articles par page

Ce paramètre contrôle le nombre d'éléments affichés dans la boucle sur une seule page de votre contenu. C'est un bon moyen de présenter un certain nombre de messages ou de produits sur un atterrissage, un portefeuille ou une page d'archive.

Décalage du poste

Ce paramètre vous permet de sauter plusieurs éléments depuis le début de votre résultat de requête. Le décalage du post est incroyablement utile pour créer des dispositions uniques. Par exemple, vous pourriez avoir un grand post en vedette en haut (à l'aide d'un module séparé), puis une boucle qui affiche le reste de vos messages, à partir du second.

Meta Query

Meta Query est le paramètre où le constructeur de boucle devient puissant pour le contenu personnalisé. Il vous permet de filtrer votre contenu en fonction des champs personnalisés que vous avez ajoutés à vos publications, termes ou utilisateurs.

Méta-clé

Une clé Meta est l'identifiant unique pour les données personnalisées associées à votre contenu. Ces données sont stockées dans la table Post_meta dans votre base de données WordPress.

Méta-valeur

La valeur méta est la valeur spécifique que vous recherchez dans le champ de clé Meta.

Comparer

Ce paramètre définit comment la valeur méta doit être comparée à la valeur réelle stockée dans la base de données pour la clé Meta. Les options incluent les égaux, pas égaux, supérieurs à, supérieurs ou égaux, inférieurs à, inférieurs ou égaux, ne contiennent pas, dans la liste, pas dans la liste, le champ existe, et le champ n'existe pas.

Taper

Le type indique à Divi comment interpréter la valeur de méta pendant la comparaison. Il est crucial pour les comparaisons précises, en particulier avec les nombres ou les dates. Vous pouvez choisir parmi le caractère, numérique, binaire, date, datetime, décimal, signé ou non signé.

En combinant ces paramètres, vous pouvez créer des affichages de contenu très sophistiqués et dynamiques sur vos sites Divi, en tirant exactement le contenu que vous souhaitez, dans l'ordre que vous souhaitez et filtré précisément comme vous le souhaitez.

Création d'une boucle dans Divi 5 (Blog Post Grid)

Ajouter une nouvelle ligne à 3 colonnes

Commencez par ajouter une ligne à trois colonnes à une page dans le constructeur visuel.

Style la première colonne en ajoutant un rayon de bordure de 15px, un rembourrage de 25px de tous les côtés et une bordure solide # 000000 1px.

Activer la boucle sur la colonne

Ensuite, activez la bascule de l'élément de boucle dans les paramètres de contenu de la première colonne.

Emballage de disposition des lignes

Ensuite, nous devrons activer l'enveloppe sur notre ligne afin que les éléments tombent à la ligne suivante une fois que l'espace sera épuisé. Accédez à l' onglet de conception de la ligne, développez le menu déroulant de mise en page et sélectionnez Wrap sous Enveloppe de mise en page .

Vous pouvez ajuster l'espace horizontal entre les éléments de boucle sous disposition> l'espace horizontal.

Ajouter du contenu de boucle

Une fois ces paramètres en place, nous pouvons ajouter des modules à notre boucle. Cliquez dans la première colonne pour ajouter un module d'image . Vous remarquerez que chaque colonne ajoutera automatiquement un espace réservé d'image.

Cliquez sur l' icône de contenu dynamique dans les paramètres du module d'image. Ensuite, sélectionnez l'image en vedette dans les options disponibles.

Choisissez la taille de la vignette dans le menu déroulant et cliquez sur Appliquer .

Ajoutez un module d'en-tête sous le module d'image dans la première colonne. Cliquez sur l' icône de contenu dynamique et choisissez le titre de publication de boucle . Style le titre comme vous le souhaitez.

Ensuite, ajoutez un module de texte dans la première colonne de la boucle. Cliquez sur l' icône de contenu dynamique et sélectionnez l'auteur de Loop.

Enfin, nous allons ajouter un autre module de texte pour l'extrait du post. Une fois ajouté, cliquez sur l' icône de contenu dynamique et sélectionnez Extrait de boucle .

Lorsque la boîte de dialogue apparaît, vous pouvez définir n'importe quel texte avant et après, la position de boucle et le nombre de mots, et lire plus de texte.

Utilisation des champs personnalisés en boucle

Pour afficher des champs personnalisés dans votre boucle, vous pouvez utiliser l'intégration de Divi 5 avec les types de publication et les champs personnalisés, y compris ceux créés avec des champs personnalisés avancés (ACF). Par exemple, nous avons créé un type de publication personnalisé pour les livres à l'aide d'ACF afin que nous puissions afficher leurs informations à l'aide du Builder Loop.

Dans le constructeur visuel, sélectionnez le type de publication comme type de requête et livres comme type de message.

Le constructeur de boucle de Divi 5 facilite l'appuyer facilement dans les champs personnalisés, améliorant la flexibilité de votre contenu dynamique. Lorsque vous utilisez ACF, vous pouvez accéder aux champs personnalisés en boucle en sélectionnant l' icône de contenu dynamique dans n'importe quel module compatible.

L'une des meilleures caractéristiques de l'intégration ACF de Divi 5 est la façon dont les champs sont étiquetés pour plus de commodité. Lors de la sélection d'un champ personnalisé dans le menu Dynamic Content, Divi affiche l'étiquette du champ ACF (tel que défini dans le groupe de champ ACF) plutôt que uniquement dans la touche Meta. Cela rend l'identification et la sélection du champ correct intuitif, en particulier lors de la gestion de plusieurs champs personnalisés.

Par exemple, si vous avez un champ ACF nommé Genre pour un type de message personnalisé pour les livres , vous pouvez extraire ces données dans un module de texte pour afficher le genre dynamiquement dans votre boucle.

Divi 5 prend en charge les champs de répétition ACF

Divi 5 vous permet d'afficher des ensembles de données complexes et répétés dans vos boucles. Tout d'abord, assurez-vous qu'un champ de répéteur ACF est configuré dans ACF.

Ajoutez un module comme le module d'image à votre colonne de boucle. Sélectionnez le champ personnalisé Loop dans les paramètres de contenu dynamique, puis choisissez le champ de répéteur. Divi affichera les sous-champs du répéteur, vous permettant de sélectionner des données spécifiques, telles que le sous-champ d'image, pour créer une galerie dynamique dans votre boucle. Par exemple, vous pouvez créer une vitrine de portfolio où chaque image de la boucle affiche une série d'images à partir de son champ répéteur, stylisé comme une grille.

Loops d'utilisateur et de termes

Le constructeur de boucle de Divi 5 peut également être utilisé pour faire boucle les utilisateurs et les termes. Pour une boucle utilisateur, vous pouvez créer une vitrine de membre de l'équipe. Pour ce faire, définissez le type de requête sur les utilisateurs , filtrez par rôle et ajoutez des modules comme un module d'image pour l'avatar de l'utilisateur et un module de texte pour leur nom.

Pour une boucle de termes, vous pouvez créer une vitrine de catégorie de projet. C'est un excellent moyen de créer une page de catégorie pour afficher différents projets et leurs catégories. Définissez simplement le type de requête sur des conditions , sélectionnez une taxonomie et incluez des termes spécifiques.

Que vous souhaitiez boucler des publications, des projets, des catégories ou des auteurs, Loop Builder peut gérer divers types de contenu au-delà des publications, offrant des possibilités créatives sans fin.

Avantages de l'utilisation du constructeur de boucle de Divi 5

Le constructeur de Loop de Divi 5 n'est pas seulement une fonctionnalité. Il s'agit d'un outil transformateur qui facilite la création de dispositions dynamiques. Voici les principaux avantages qui en font un incontournable pour les utilisateurs de Divi:

• Flexibilité: Loop Builder offre une liberté de création, vous permettant de boucler tout type de contenu à l'aide de n'importe quel élément Divi, des lignes aux curseurs. Contrairement aux modules qui vous verrouillent dans les dispositions prédéfinies, Loop Builder vous donne un contrôle de conception complet, permettant des dispositions uniques sans sacrifier la créativité.
• Efficacité: boostez votre flux de travail avec des modèles de boucle réutilisables construits directement dans le constructeur visuel. Créez un modèle unique, personnalisez sa requête et son style et appliquez-le sur plusieurs pages ou types de publication.
• Intégration native: Loop Builder est intégré à Divi 5, offrant une solution native sans couture pour des affichages de contenu complexes.
• Support CPT amélioré: Loop Builder prend en charge Woo, ACF et les types de publication personnalisés, ce qui le rend idéal pour les sites Web complexes.

Créer des sites Web dynamiques avec le constructeur de Loop de Divi 5

Loop Builder in divi 5 autorise les utilisateurs Divi à créer des boucles de contenu dynamiques flexibles pour tout type de publication ou taxonomie, des articles de blog et des produits WOO aux types de publication personnalisés. Il peut transformer n'importe quel élément Divi en une boucle personnalisable, s'intègre de manière transparente aux plugins de type post personnalisé comme ACF et donner aux utilisateurs un contrôle de conception complet dans le constructeur visuel. Loop Builder redéfinit la façon dont le contenu dynamique est affiché.

Nous vous encourageons à plonger dans le constructeur de boucle en téléchargeant Divi 5 et découvrir comment cela peut élever comment vous créez des sites Web avec Divi!