9 dispositions de cartes créées avec des lignes et des groupes de modules imbriqués de Divi 5

Avec Divi 5, construire des sites Web professionnels étonnants est plus facile que jamais. Avec des fonctionnalités telles que les lignes imbriquées et les groupes de modules, vous pouvez créer des dispositions de carte avancées et les réutiliser sur votre site en quelques clics. Divi 5 introduit une base de code modernisée et des performances améliorées, parfaites pour construire des dispositions complexes. Ces nouvelles fonctionnalités vous permettront de construire avec une flexibilité illimitée.

Dans cet article, nous présenterons 9 dispositions de cartes construites avec des lignes imbriquées et des groupes de modules de Divi 5, démontrant à quel point il est facile de créer des conceptions flexibles et réutilisables. Que ce soit la présentation des services, la mise en évidence des témoignages ou la construction d'un portefeuille, ces dispositions vous aideront à obtenir des résultats polis et cohérents. À la fin, vous verrez comment ces nouvelles fonctionnalités de Divi 5 vous aident à créer des modules réutilisables visuellement étonnants qui gagnent du temps et assurent la cohérence de conception dans votre projet.

Plongeons-nous!

Comprendre les lignes et les groupes de modules imbriqués dans Divi 5

Les lignes imbriquées et les groupes de modules de Divi 5 sont des fonctionnalités qui vous permettent de créer facilement des dispositions de carte avancées. Explorons le fonctionnement de ces outils et pourquoi ils sont parfaits pour construire des dispositions complexes.

Abonnez-vous à notre chaîne YouTube

Rangées imbriquées

Les lignes imbriquées vous permettent de placer des lignes à l'intérieur des lignes, offrant une nidabilité infinie dans le constructeur visuel. Cette fonctionnalité rompt les limites des dispositions traditionnelles, vous permettant de construire des conceptions complexes avec une flexibilité. À l'aide de lignes imbriquées, vous pouvez créer des dispositions de carte avancées soigneusement organisées dans une seule colonne. Les avantages sont clairs: les lignes imbriquées fournissent des structures de colonnes réactives qui s'adaptent de manière transparente entre les appareils.

Groupes de modules

Les groupes de modules sont un nouvel élément de conteneur dans Divi 5, vous permettant de regrouper plusieurs modules dans une colonne pour un style et une gestion unifiés. Cette fonction rationalise votre flux de travail en vous permettant de style, de déplacer ou de dupliquer un groupe entier dans une seule action. Les groupes de modules sont également conçus pour s'intégrer à des fonctionnalités à venir comme Flexbox et The Loop Builder, ce qui les rend à l'épreuve des dispositions dynamiques.

Pourquoi ils travaillent bien ensemble

La combinaison de lignes imbriquées et de groupes de modules débloque la possibilité de créer des dispositions de carte complexes et réutilisables. Les lignes imbriquées offrent la flexibilité de la structure pour organiser des éléments complexes, tandis que les groupes de modules simplifient le style et la gestion en traitant ces éléments comme une seule unité. Ensemble, ils vous permettent de créer des dispositions facilement reproduites sur votre site. Que vous présentiez des membres de l'équipe, des services ou des FAQ, ce duo rend la création de conceptions professionnelles et évolutives simples.

9 dispositions de carte pour divi 5

Ci-dessous, nous explorons 9 dispositions de cartes avancées montrant la puissance des lignes et groupes de modules imbriqués de Divi 5. Ces dispositions, allant des pages de prix aux galeries vidéo, montrent comment créer facilement des conceptions visuellement étonnantes et réactives. En tirant parti des lignes imbriquées pour des groupes de structure et de modules flexibles pour un style et une réutilisation cohérents, vous pouvez créer des dispositions professionnelles et évolutives à quelque fin que ce soit. Chaque exemple met en évidence des exemples pratiques et des techniques d'économie de temps pour élever vos sites Web Divi.

1. Plans de prix

La combinaison de lignes imbriquées et de groupes de modules est un excellent moyen de mettre en valeur les prix sur votre site Web. Avec les lignes imbriquées de Divi 5, vous pouvez créer une disposition structurée où chaque carte de prix est hébergée dans son propre groupe de modules, permettant des dispositions flexibles que vous pouvez facilement copier et coller. Dans cet exemple, nous avons commencé avec un groupe de modules, l'avons stylé et incorporé des lignes imbriquées pour les boutons. La création d'une disposition de cartes avec un groupe de modules facilite l'enregistrement et la réutilisation de votre site.

2. Services

Les pages de services sont essentielles pour les entreprises qui cherchent à mettre en évidence leurs offres d'une manière claire et visuellement attrayante. Avec Divi 5, vous pouvez créer une disposition à plusieurs niveaux où chaque carte de service est logée dans un groupe de modules, permettant une profondeur de style et de contenu unique. Par exemple, nidine une ligne dans le groupe pour un titre et un lien, créez une seule ligne de colonne pour le texte de cap et du corps, et suivez-la avec une ligne imbriquée à deux colonnes pour les boutons. Vous pouvez copier le groupe de modules et apporter de petits changements de conception en secondes.

3. Articles de menu de restauration

Les menus des restaurants nécessitent un équilibre d'attrait visuel et d'informations organisées. Divi 5 vous permet de créer des structures de type grille où chaque carte d'élément de menu est contenue dans un groupe de modules. En ajoutant des éléments de conception à un groupe pour un style cohérent, vous pouvez facilement ajouter de nouveaux éléments à vos menus sans repenser à plusieurs reprises toute la carte.

4. BIOS des membres de l'équipe

Présentant votre équipe renforce la confiance et la personnalité de votre marque. Avec Divi 5, vous pouvez créer des cartes de membres d'équipe dynamiques avec du contenu en couches, comme une photo, un nom, un rôle et une bio, le tout dans une seule colonne. Vous pouvez ensuite intégrer des lignes imbriquées dans votre mise en page pour les liens de médias sociaux et un lien vers une page d'équipe individuelle. Enregistrez le groupe de modules dans votre bibliothèque Divi et ajouter de nouveaux membres de l'équipe à l'avenir est un jeu d'enfant.

5. Témoignages des clients

Les témoignages ajoutent de la crédibilité et Divi 5 les rend visuellement frappants. Utilisez des lignes imbriquées pour organiser des cartes de témoignages dans une disposition de grille, chacune contenant la citation, le nom et le titre d'un client d'un client. Les groupes de modules vous permettent de regrouper ces éléments pour un style unifié. Cette configuration vous permet d'ajouter ou de réorganiser facilement des témoignages tout en maintenant la cohérence de conception. Avec les commandes réactives de Divi 5, vous pouvez vous assurer que votre disposition est superbe, quel que soit l'appareil sur lequel il est visualisé.

6. Listes d'événements

Les pages de promotion des événements doivent attirer l'attention et transmettre les détails clés. Les lignes imbriquées dans Divi 5 vous permet de structurer des cartes d'événements avec du contenu en couches, comme une image d'événement, un emplacement, un titre, une date et un lien pour y assister. Les groupes de modules rationalisent le style en regroupant ces éléments, permettant une duplication rapide pour plusieurs événements.

7. Liste immobilière

Les listes immobilières exigent une présentation claire et attrayante des propriétés. L'utilisation de lignes imbriquées et de groupes de modules dans Divi 5 vous permet de structurer des cartes de liste avec du contenu en couches et facilement copié. Cette approche rationalise les lignes de ligne ajoutant de nouvelles annonces, ce qui permet d'éviter les services d'inscription coûteux avec des coûts récurrents.

8. Affichage des produits

Les pages de produits du commerce électronique doivent mettre en évidence efficacement les produits. Grâce aux groupes de modules et aux lignes imbriquées, Divi 5 vous permet de créer des cartes de produits avec plusieurs colonnes dans une seule colonne. La création d'une page de liste de produits vous libère des contraintes des sites Web de Vanilla WooCommerce et donne à vos visiteurs une belle façon de parcourir vos produits en vedette.

9. Galerie vidéo

Les galeries vidéo sont parfaites pour afficher des tutoriels, des démos ou d'autres contenus vidéo créatifs. L'utilisation de lignes imbriquées et de groupes de modules vous permet de créer une grille où chaque carte vidéo se trouve dans sa propre colonne avec une disposition unique. Cette configuration facilite l'ajout de nouvelles vidéos tout en maintenant un look cohérent et professionnel.

Meilleures pratiques pour créer et réutiliser des dispositions de cartes avancées

Pour maximiser le potentiel des lignes imbriquées et des groupes de modules de Divi 5 lors de la création de dispositions de cartes avancées, l'adoption d'une approche stratégique assure l'efficacité, la cohérence et l'évolutivité. Voici quelques conseils pour vous aider à créer des conceptions professionnelles et réutilisables qui stimulent l'esthétique et les fonctionnalités de votre site Web.

Style cohérente

Les variables de conception de Divi 5 vous permettent de définir des styles universels pour les polices, les couleurs, l'espacement, etc. En définissant ces variables au début, vous vous assurez que toutes les dispositions de cartes conservent un aspect cohérent sur votre site. Par exemple, définissez une palette de couleurs primaire, des paramètres de typographie et des valeurs d'espacement dans le gestionnaire de variables. Appliquez-les aux groupes de modules pour éviter le style manuel répétitif.

Enregistrer les groupes de modules à réutiliser

Enregistrez vos groupes de modules stylisés dans la bibliothèque Divi ou Divi Cloud pour un accès facile sur plusieurs pages ou projets. Par exemple, si vous créez une disposition de cartes de tarification, l'enregistrer vous permet de le réutiliser sur d'autres sites Web ou pages sans reconstruire à partir de zéro. Organisez vos dispositions avec des noms descriptifs clairs pour les localiser rapidement plus tard.

Conception réactive

Avec la variété croissante des appareils et des tailles d'écran, la conception réactive est indispensable. Les points d'arrêt personnalisables de Divi 5 vous permettent d'adapter les dispositions de cartes pour chaque appareil. Lorsque vous concevez vos dispositions, testez les dispositions à différents points d'arrêt pour garantir que tous les éléments de conception évoluent comme prévu.

Tirer parti des préréglages pour les mises à jour rapides

L'élément de divi 5 et les préréglages du groupe d'options vous permettent d'appliquer des modifications de style dans toutes les instances d'un module ou d'un élément de conception spécifique. Par exemple, si vous décidez de mettre à jour un style de bouton dans les dispositions de votre carte, les préréglages garantissent que le changement se propage à tous les modules pertinents instantanément. Il s'agit d'un excellent outil pour les grands sites Web avec plusieurs mises en page. La création de préréglages pour des éléments couramment utilisés comme des boutons, des titres ou des images dans vos dispositions est une bonne pratique pour maintenir la cohérence et accélérer le processus de conception.

En suivant ces meilleures pratiques, vous pouvez exploiter le plein potentiel des lignes imbriquées et des groupes de modules de Divi 5 pour créer des dispositions de cartes avancées visuellement étonnantes, réactives et faciles à entretenir.

Téléchargez les dispositions de carte gratuitement

Vous voulez commencer à utiliser les dispositions de carte à l'intérieur de Divi 5? Abonnez-vous ci-dessous pour accéder aux fichiers JSON. Vous pouvez les télécharger dans votre bibliothèque Divi et les importer sur vos pages par la suite.

Télécharger les fichiers

Télécharger gratuitement

Rejoignez la newsletter Divi et nous vous enverrons une copie du pack de mise en page Ultimate Divi Laying, plus d'autres ressources, astuces et astuces DiviM et gratuits. Suivez et vous serez un maître divi en un rien de temps. Si vous êtes déjà abonné, tapez simplement votre adresse e-mail ci-dessous et cliquez sur Télécharger pour accéder au pack de mise en page.

TÉLÉCHARGER

Vous vous êtes abonné avec succès. Veuillez vérifier votre adresse e-mail pour confirmer votre abonnement et accéder à des packs de mise en page de Divi Gratuit!

Créer des dispositions de cartes avec Divi 5 est un jeu d'enfant

Les lignes imbriquées et les groupes de modules de Divi 5 modifient la façon dont vous créez des dispositions de cartes avancées, offrant une flexibilité et une efficacité inégalées. Des pages de prix aux galeries vidéo, ces fonctionnalités vous permettent de créer des conceptions étonnantes et réutilisables qui gagnent du temps et d'assurer la cohérence sur votre site Web. La combinaison de ces fonctionnalités vous permet de créer des dispositions professionnelles qui s'adaptent parfaitement à n'importe quel appareil. Avec Divi 5, la création de dispositions de cartes complexes et visuellement attrayantes n'a jamais été aussi simple.

Nous vous encourageons à télécharger la dernière version Divi 5 Alpha et à expérimenter ces outils aujourd'hui pour découvrir tout ce que Divi 5 a à offrir. Partagez vos créations avec nous sur nos réseaux sociaux ou déposez un commentaire ci-dessous pour nous faire savoir comment vous prévoyez d'utiliser Divi 5 pour les dispositions de cartes.