Utilisation du module de blog Vs Divi 5's Loop Builder

Le module de blog est le générateur d'alimentation intégré de Divi qui fonctionne hors de la boîte. Il vous donne un moyen rapide de répertorier les publications avec des bascules pour les titres, les images, les extraits et les métadonnées.

Le nouveau constructeur de Loop de Divi 5 adopte une approche différente. Vous concevez l'élément avec tous les modules, puis y alimentez le contenu dynamique. Les deux outils affichent le contenu en boucle, mais chacun brille dans différents scénarios. Savoir quand utiliser ce qui fait gagner du temps et empêche la frustration. Comparons les deux.

Abonnez-vous à notre chaîne YouTube

Mini glossaire

Il s'agit d'un court ensemble de termes pour les débutants qui sont nouveaux dans le concept d'un constructeur de boucle:

• Type de poste personnalisé (CPT): un type de contenu personnalisé comme des produits ou des cours. Il se comporte comme des messages mais peut avoir ses propres champs uniques.
• Champ personnalisé: un champ que vous ajoutez à un article, une page ou un CPT. Des exemples pour un menu alimentaire peuvent inclure le prix, la notation, les déclarations de gluten / allergies et les niveaux de piquant.
• Champ de répéteur: un champ qui stocke une liste d'éléments dans les messages individuels. Pensez aux sous-listes qui pourraient être valables pour un contenu personnalisé.
• Plugins de terrain: ACF est le choix commun, mais les pods , les méta-boîte , l'ACPT et le jeu d'outils fonctionnent également.

Si vous vous perdez dans certains détails, reportez-vous à ce glossaire. Mais nous allons vous simplifier les choses en cours de route.

Affichage des flux simples de post et de message avec le module de blog

Le module de blog est conçu pour les modèles de blog reconnaissables. Il assume des éléments communs et vous permet de basculer ce qui montre, en gardant la configuration rapide et les décisions simples.

Réfléchissez à la façon dont les articles de blog fonctionnent dans WordPress. Chaque message partage certains éléments communs qui le rendent reconnaissable comme contenu de blog. Ces caractéristiques partagées comprennent:

1. 1. Titre de poste
   2. Image en vedette
   3. Poster le contenu
   4. Limace d'URL
   5. Auteur
   6. Catégories
   7. Et plus

Le module de blog a été conçu avec des articles traditionnels à l'esprit. Les titres vous indiquent ce que le post couvre. Les images en vedette ajoutent un tirage visuel. Extraits prévisualisez le contenu. Les métadonnées dit qui l'a écrit et quand.

Le module de blog de Divi se synchronise automatiquement avec ces éléments. Vous le déposez sur la page et choisissez ce qu'il faut montrer. Le flux apparaît sans aucun travail de requête personnalisé (sauf si vous souhaitez limiter ce qui est affiché, auquel cas il existe des outils de requête intégrés).

L'approche à bascule rend les changements indolores. Vous pouvez masquer l'auteur mais garder la date, afficher l'image ou sauter l'extrait. Les petites décisions donnent des résultats rapides.

Types de publication personnalisés: limité mais fonctionnel

Le module de blog peut afficher des publications normales et enregistrer correctement les types de publication personnalisés.

Le module de blog fonctionne bien lorsque le CPT reflète les champs de publication standard. Il devient limitant lorsque vous avez besoin de véritables données personnalisées. Ainsi, un membre de l'équipe CPT fonctionne lorsque les choses restent simples.

• Le nom correspond au titre.
• Une tête de tête / avatar est à l'image en vedette.
• Une bio mappe au contenu.

Le module de blog gère facilement cette situation.

Champs personnalisés

Les limitations apparaissent avec tous les champs que les publications par défaut ne partagent pas.

Les liens sociaux, les certifications ou les années d'expérience n'apparaîtront pas dans le module de blog car il a été conçu pour les champs standard trouvés sur les articles de blog WordPress par défaut. Le module n'a pas de bascule pour ces champs personnalisés.

Dispositions personnalisées

Le contrôle de la disposition est également légèrement limité; Le module emballe les éléments à l'intérieur d'une structure fixe dans un ordre fixe. Vous ne pouvez pas réorganiser le titre et l'image sauf si vous utilisez des CSS personnalisés. Vous pouvez gérer la disposition de chaque carte de blog via Flexbox ou Block, mais les éléments enfants (les cartes) n'ont pas de paramètres de dimensionnement pour le contrôle de l'enfant Flexbox (comme le rétrécissement pour s'adapter ou grandir pour remplir).

Le module de blog est excellent et rapide à utiliser pour les dispositions de cartes standard. Si vous obtenez un peu de bug créatif, vous pourriez vous retrouver à chercher quelque chose de plus personnalisé.

Types de publication personnalisés + champs personnalisés à l'aide de Loop Builder

Le constructeur de Loop de Divi vous offre une approche différente pour afficher le contenu dynamique. Au lieu de travailler dans les contraintes d'un seul module avec des éléments prédéterminés, Loop Builder vous permet de construire votre affichage de contenu à partir de modules Divi individuels disposés exactement lorsque vous les envisagez.

L'utilisation du constructeur de boucle nécessite plus de réflexion et de préparation, mais vous ne serez pas limité dans la façon dont vous étiez avec le module de blog. Avec le module de blog, vous travaillez dans les contraintes existantes et tirez le meilleur parti des options prédéterminées. Avec Loop Builder, vous commencez avec une toile vierge et construisez exactement ce dont vous avez besoin en utilisant n'importe quelle combinaison de modules Divi.

Comment fonctionne Loop Builder

Loop Builder n'est pas un seul module. Il s'agit d'un conteneur avec les modules choisis à l'intérieur. Lorsque le conteneur est réglé sur «Loop», il se répète pour chaque résultat correspondant. À l'intérieur du conteneur, vous pouvez placer des modules d'image, de cap, de texte et de bouton.

Vous liez le contenu de chacun de ces modules au jeton correct. L'interface utilisateur de Divi rend cela assez simple. L'image pointe vers l'image en vedette. Le titre pointe vers le titre. Le bouton est lié à l'URL du post.

Cette approche modulaire vous donne une structure et un contrôle d'espacement. Vous pouvez mettre des images au-dessus ou à côté des titres. Vous pouvez également ajouter deux blocs de texte pour deux champs personnalisés. De cette façon, vous pouvez construire la carte dont vous avez besoin, pas une carte préconfigurée via un module.

Exemples avec des types de post personnalisés et des champs personnalisés

Faisons ce béton avec quelques scénarios rapides. Nous allons garder le modèle et échanger les champs. Utilisons la conception de la carte à partir de notre exemple précédent et voyons comment il peut être adapté à l'aide de types de publication personnalisés et de champs personnalisés.

Tout d'abord, créez une boucle personnalisée pour les articles de blog standard. Utilisez le type de post de Stand Posts avec les champs standard pour le titre, la catégorie, la date de publication et l'image de fonctionnalité. Carte chacun au module respectif de votre conception. Ceux-ci utilisent des champs de poste standard mais sont disposés dans une disposition unique.

Nous pouvons faire quelque chose de similaire pour des listes immobilières simples. En utilisant la même mise en page de la carte, nous pouvons remplir le contenu de notre type de message personnalisé avec l'en-tête attribué au titre de la propriété, les modules de texte attribués aux chambres, aux salles de bains et à la description de la propriété, et un bouton lié à l'URL de liste des propriétés.

Le résultat final ressemble à notre carte de blog, mais utilise la capacité du constructeur Loop pour attribuer du contenu à partir de champs personnalisés et de types de publication personnalisés.

Tout ce discours sur les CPT, comment les faites-vous? Les champs personnalisés avancés (ACF) sont le choix incontournable ici. Les pods, Meta Box, ACPT et Toolset créent également des champs que Loop Builder peut lire. Utilisez ce qui correspond à votre budget, à votre expérience et à votre pile.

Une note pour les sites Web immobiliers : vous voudrez utiliser un plugin dédié qui tire les listes d'un IDX dans WordPress en tant que CPT. De cette façon, vous avez de nouvelles données et un travail manuel minimal (personne ne veut entrer manuellement des propriétés tous les matins).

Flexbox pour les dispositions personnalisées

Flexbox se marie naturellement avec le constructeur de boucle. Vous pouvez l'utiliser à deux niveaux pour une structure propre et réactive sans CSS personnalisée.

Tout d'abord, style le conteneur en boucle extérieure . Sélectionnez le conteneur parent Loop. Allumez la disposition flexible. Réglez la direction sur Row. Activez la compensation si vous voulez plusieurs lignes de flexion. Définissez GAP pour contrôler l'espacement entre les éléments. Ensuite, ajustez le dimensionnement du conteneur enfant où votre boucle se trouve à l'aide des options de dimensionnement. Vous pouvez créer une disposition réactive et attrayante pour vos éléments en boucle entre les commandes de flexion du conteneur et les commandes de Flex.

Deuxièmement, stylisez la disposition de la carte intérieure . Sélectionnez le conteneur racine à l'intérieur de l'élément de boucle (le module de colonne ou de groupe, par exemple). Dans les options de mise en page , définissez la direction flexible sur Row si vous voulez des éléments côte à côte. Réglez la largeur du module d'image pour occuper environ la moitié de l'espace dans le conteneur. Laissez la zone de texte (dans ce cas, un conteneur de groupe avec divers modules à l'intérieur) remplir le reste (grandir pour remplir les options de dimensionnement des modules de groupe).

Vous pouvez organiser les différents conteneurs ou modules comme vous le souhaitez. Vous n'êtes pas enfermé dans une disposition préconfigurée. Ici, nous mettons le titre dans le groupe de gauche et définissons la colonne du groupe de droite sur Flex. Cela nous donne un changement de mise en page subtil mais unique. Il n'y a vraiment pas de pénurie de possibilités.

Choisir le bon outil pour votre projet

Il s'agit moins de fonctionnalités brutes et plus de trouver le bon ajustement. Choisissez le chemin le plus rapide qui répond à l'exigence. Commutation des outils lorsque le besoin change. Parfois, le module de blog fera l'affaire, mais vous avez un pivot fort avec le constructeur de boucle quand il ne le fait pas.

Lorsque le module de blog est idéal

Atteignez le module de blog lorsque le contenu suit les modèles de publication standard. Le titre, l'image en vedette, l'extrait et la méta de base sont son sweet spot. Les sites d'actualités de base, les mises à jour de l'entreprise et les portefeuilles simples se qualifient. Les visiteurs s'attendent à une disposition conventionnelle et vous voudrez peut-être une solution fiable avec une configuration minimale.

Avec le module de blog, vous pouvez expédier un flux de travail en quelques minutes. Moins de pièces mobiles signifient également moins de chances de briser les choses (ou de confondre).

Les utilisateurs non techniques qui pourraient encore être perdus sur le concept de «boucle» s'appuieront toujours fortement sur le module de blog. C'est un excellent outil et devrait absolument être utilisé.

Lorsque Loop Builder devient essentiel

Utilisez Loop Builder lorsque vous avez besoin de champs que les messages n'ont pas, ou lorsque votre structure de carte ne correspond pas à un modèle de stock. Le commerce électronique, l'immobilier et l'éducation sont des industries typiques qui ont tendance à avoir besoin de plus de personnalisation. Chacun a besoin de détails qui vivent dans des champs personnalisés. Lorsque vous travaillez avec plus de contenu ou plus de types de contenu, les dispositions ont tendance à avoir besoin de plus de flexibilité.

Utilisez Loop Builder lorsque les relations de contenu deviennent complexes. Vous devrez peut-être mélanger les types de publication dans une seule vue et afficher le contenu des répéteurs.

Créez votre propre mise en page de module de blog avec Divi 5

Le module de blog de Divi est toujours le moyen le plus rapide d'expédier un flux standard. Le constructeur de boucle déverrouille les cartes personnalisées, les champs personnalisés et les répéteurs. Le constructeur de boucle peut également être personnalisé et moulé dans la disposition et la conception exactes que vous avez en tête, tandis que le module de blog a certaines limites là-bas.

La meilleure partie de cette décision est que vous pouvez conserver à la fois dans votre boîte à outils et choisir en fonction du travail. Divi 5 se rassemble et est plus puissant (et stable) que jamais. Si vous ne l'avez pas utilisé, essayez-le sur votre prochain site Web. La version bêta publique approche à grands pas, ce qui signifie que les sites de divi existants sont sur le point d'obtenir le feu vert pour tester les migrations des sites Web existants.

Télécharger divi 5learn plus sur Divi 5