Tout ce que vous devez savoir sur les groupes de modules divi 5

Divi 5 améliore la création de sites Web avec de nouvelles fonctionnalités et une flexibilité inégalée. Les groupes de modules sont l'un des ajouts les plus récents à Divi 5. Cette fonctionnalité vous permet d'organiser plusieurs éléments en un seul groupe gérable que vous pouvez styliser, déplacer ou dupliquer en un seul clic. Cette fonctionnalité devient particulièrement utile une fois que les fonctionnalités à venir comme Flexbox et le Builder de Query sont publiées.

Dans cet article, nous explorerons tout ce que vous devez savoir sur les groupes de modules de Divi 5. En comprenant ce qu'ils sont et pourquoi ils comptent d'apprendre à les utiliser efficacement, nous vous avons couvert.

Remarque: Divi 5 est prêt à être utilisé sur de nouveaux sites Web, mais nous ne recommandons pas encore de convertir les sites existants en Divi 5.

Explorons ce qui est possible avec les groupes de modules.

Que sont les groupes de modules?

Les groupes de modules sont un nouvel élément de conteneur qui vous permet de regrouper plusieurs modules en une seule unité cohérente dans une colonne. Une fois regroupés, les modules peuvent être coiffés, dupliqués ou repositionnés ensemble, augmentant votre flux de travail et garantissant la cohérence dans votre conception. Les groupes de modules gardent vos modules soigneusement emballés, ce qui les rend plus faciles à gérer collectivement.

Les groupes de modules offrent un avantage organisationnel important. Par exemple, si vous avez une colonne avec un titre, un module de texte et un bouton, les regrouper vous permet d'appliquer un arrière-plan unifié, d'ajuster l'espacement ou de déplacer la composition entière avec une seule action. Cela fait gagner du temps et réduit le risque de conceptions incohérentes, faisant des groupes de modules un outil essentiel pour créer facilement des dispositions professionnelles polies.

Pourquoi les groupes de modules comptent

Les groupes de modules en divi 5 sont plus qu'une caractéristique pratique - ils introduisent une nouvelle couche de contrôle et d'efficacité. Ils permettent aux concepteurs et aux développeurs de créer avec une plus grande précision et créativité. Voici pourquoi ils ont le potentiel pour avoir un grand impact sur la façon dont vous concevez des sites Web avec Divi.

1. Ils font partie de l'avenir de Divi: les groupes de modules sont construits avec l'architecture avant-gardiste de Divi 5 à l'esprit. Ils sont prêts pour des fonctionnalités à venir comme Flexbox et le Builder de Query Loop, qui fera de la création de dispositions dynamiques un jeu d'enfant. Investir dans des groupes de modules vous prépare désormais à un succès à long terme, en particulier à mesure que Divi 5 évolue.
2. Ils gagnent du temps: avec des groupes de modules, vous n'avez pas à faire face aux modifications répétitives. Vous pouvez coiffer, repositionner ou en double les dispositions complexes en une seule action, réduisant considérablement le temps de conception. Les préréglages pour les groupes de modules va plus loin en vous permettant d'économiser et d'appliquer instantanément des configurations prédéfinies.
3. Ils font la promotion de la cohérence de conception: les groupes de modules vous permettent de vous assurer que chaque élément du groupe, des boutons au texte, suit les mêmes règles de style. Pour ceux qui gèrent des sites de marque, les groupes de modules peuvent garder les conceptions polies et professionnelles sur l'ensemble de votre site.
4. Plus de liberté créative: les groupes de modules vous permettent d'expérimenter sans avoir à modifier chaque élément individuellement. Vous pouvez créer des conceptions remarquables avec facilité, même si vous êtes nouveau dans Divi. La combinaison de lignes imbriquées et de groupes de modules peut vous aider à déverrouiller les conteneurs infiniment nichables.

Que vous soyez concepteur solo ou propriétaire d'entreprise, les groupes de modules fournissent le contrôle et l'efficacité dont vous avez besoin pour élever vos projets.

Comment utiliser des groupes de modules dans Divi 5

Il est facile de commencer avec les groupes de modules. Ajoutez une nouvelle ligne à une page dans Divi 5 et sélectionnez la disposition à 3 colonnes.

Dans Divi 5, vous remarquerez un nouveau module de groupe . Cliquez pour l'ajouter à la première colonne.

De là, vous pouvez ajouter n'importe quel module que vous souhaitez créer une disposition réutilisable. Pour démontrer, nous allons créer un groupe de modules pour un service en vedette. Commencez par l'ajout d'une ligne imbriquée à 2 colonnes au groupe de modules.

Dans la première colonne de la ligne imbriquée, ajoutez un module d'image .

Dans la 2ème colonne de la ligne imbriquée, ajoutez un module de cap et stylisez-le comme vous le souhaitez.

Ensuite, ajoutez une ligne imbriquée à colonne unique , suivie d'un autre titre, texte et modules de bouton. Une fois ajouté, votre mise en page doit ressembler à l'image ci-dessous.

Les groupes de modules peuvent être stylisés comme un seul module, l'ajout de couleurs d'arrière-plan ou de gradients, d'ajuster l'espacement ou d'ajouter des effets de bordure. Vous pouvez également enregistrer votre groupe de modules en tant que préréglage en accédant aux paramètres du groupe de modules, en cliquant sur l'option prédéfinie et en enregistrant la configuration. Ce préréglage peut ensuite être appliqué à d'autres groupes de modules en un seul clic, garantissant un style et une structure identiques sur votre site ou plusieurs projets. Une fois que vous avez créé un groupe de modules, vous pouvez le dupliquer, l'enregistrer dans Divi Cloud ou réutiliser votre préréglage sur vos sites Web.

Cas d'utilisation pratiques pour les groupes de modules

Les groupes de modules dans Divi 5 sont idéaux pour créer des sites Web professionnels et efficaces. Les modules de regroupement en unités réutilisables, ce qui fait gagner du temps et élève vos créations à de nouveaux sommets. Qu'il s'agisse de construire une page de destination ou de gérer un portefeuille de sites clients, les groupes de modules rendent les dispositions complexes sans effort. Voici quelques cas d'utilisation pratiques qui présentent leur puissance et rationalisent le processus de conception.

1. Cas d'utilisation future: publications et produits

Des groupes de modules sont conçus pour briller avec le prochain constructeur de boucle de Divi 5. Préparez-vous maintenant en regroupant des éléments pour les dispositions dynamiques, comme les aperçus de billets de blog ou les listes de produits WooCommerce. Une fois que Loop Builder arrivera, ces groupes rempliront le contenu dynamique sans effort, vous faisant gagner du temps et garantir des conceptions évolutives et impeccables et évolutives.

2. Sections d'appel à l'action

Groupez un titre audacieux, une sous-position persuasive et un bouton dynamique avec un effet de survol pour créer des CTA réutilisables. Besoin du même CTA sur plusieurs pages? Dupliquez le groupe en quelques secondes ou enregistrez-le sur Divi Cloud pour un accès instantané. Cela réduit le temps d'installation tout en garantissant que chaque CTA s'aligne sur l'aspect et la sensation de votre marque.

3. Sections de témoignages

Combinez la citation, l'image et le nom d'un client dans un seul groupe de modules pour des dispositions de témoignages professionnels cohérentes. Faites glisser le groupe pour réorganiser les sections ou appliquer un style unifié - comme des coins arrondis ou une ombre subtile - en un clic.

4. Catégories de produits

Les groupes de modules peuvent être parfaits pour présenter les catégories de produits. Par exemple, créez un groupe pour mettre en évidence le nombre de produits dans une catégorie, un titre, une image et un bouton, puis le dupliquer pour d'autres catégories. Cette approche garantit la cohérence visuelle sur les pages de produits et accélère la conception des sites Web de commerce électronique.

5. Menus de restaurant

Un autre excellent moyen d'utiliser des groupes de modules est pour les sites Web qui doivent comporter un menu. La structuration du texte dynamiquement peut prendre du temps, donc l'utilisation de groupes de modules est parfait pour accélérer le processus. Vous pouvez combiner des groupes et des lignes imbriquées pour rendre une section incroyable et facile à dupliquer à l'avenir.

Groupes de modules dans le contexte de divi 5

Divi 5 est un saut audacieux en avant pour la conception WordPress, hiérarchiser les performances rapides, la flexibilité et les fonctionnalités innovantes comme les groupes de modules. Construit sur l'architecture moderne, Divi 5 vous permet de créer des sites Web aussi efficaces que beaux. Les groupes de modules sont une pierre angulaire de cette vision, s'intégrant de manière transparente avec d'autres fonctionnalités Divi 5 pour augmenter votre flux de travail. Alors que Divi 5 évolue dans sa phase alpha publique avec des mises à jour bihebdomadaires, les groupes de modules sont prêts à redéfinir la façon dont vous construisez. Voici comment ils s'intègrent dans la situation dans son ensemble.

Rangées imbriquées

Paire des groupes de modules avec nidification de la ligne infinie de Divi 5 pour créer des dispositions complexes et organisées. Par exemple, regroupez un titre, l'image et le bouton avec une ligne imbriquée pour construire des sections comme les tables de tarification ou les vitrines des membres de l'équipe.

Variables de conception

Vous pouvez maintenir la cohérence de la conception en appliquant des valeurs de style réutilisables entre les groupes de modules, comme les couleurs de marque, les polices ou les calculs de clamp (). Vous pouvez mettre à jour une variable une fois, et chaque groupe reflète instantanément le changement, ce qui les rend parfaits pour des projets à grande échelle.

Unités avancées

Vous pouvez utiliser les unités CSS REM, EM, VW, VH ou autres pour construire un espacement et un dimensionnement réactifs pour les groupes de modules. Cela garantit que les éléments groupés sont étonnants sur chaque appareil, des ordinateurs de bureau aux smartphones.

Conseils pour maximiser les groupes de modules

Pour tirer le meilleur parti des groupes de modules, quelques stratégies intelligentes peuvent porter votre pouvoir de conception au niveau supérieur. Voici comment les faire travailler plus dur pour vous.

1. Planifiez vos dispositions: Avant de regrouper les modules, esquissez la structure de votre section ou utilisez un outil de prototypage pour vous aider à planifier les éléments que vous souhaitez utiliser. Cette planification initiale empêche le travail supplémentaire et garantit que vos groupes sont logiques et réutilisables.
2. Utilisez Divi Cloud: Enregistrez vos groupes de modules préférés dans Divi Cloud pour les transformer en actifs inter-projets. Par exemple, vous pouvez enregistrer un groupe de membres d'équipe poli et le tirer dans n'importe quel site en quelques clics.
3. Testez la réactivité avec des points d'arrêt: utilisez des points d'arrêt personnalisables de Divi 5 pour vous assurer que vos groupes de modules semblent impeccables sur chaque appareil. Ajustez les tailles d'espacement ou de polices pour les mobiles dans les paramètres du groupe pour éviter les ajustements manuels.
4. Utilisez des variables de conception: pour ajouter de la cohésion à vos conceptions, définissez des variables de conception pour les couleurs, le texte, les polices ou les règles de nombre (comme les calculs CLAMP ()) pour faciliter les petits changements.
5. Soyez créatif avec le style: expérimentez des effets audacieux comme des animations de survol ou des transitions synchronisées au sein des groupes de modules. Par exemple, ajoutez un effet d'échelle à un bouton groupé et à l'image pour un CTA dynamique.
6. Expérimentez avec Divi 5: Public Alpha de Divi 5 est votre terrain de jeu - construisez un site de test pour explorer les groupes de modules. Essayez de regrouper différentes combinaisons de modules ou de tester de nouvelles idées de style pour découvrir ce qui est possible.

Concevoir plus intelligemment avec des groupes de modules en divi 5

Les groupes de modules de Divi 5 simplifient votre flux de travail, garantissant la cohérence de la conception et vous préparant pour l'avenir des dispositions dynamiques. Que ce soit des éléments de conception pour un CTA réutilisables, la création de sections de témoignages cohésives ou l'expérimentation de style audacieux, les groupes de modules vous permettent de travailler plus intelligemment et de créer des sites Web plus rapidement. À mesure que Divi 5 évolue, cette fonctionnalité vous permet de créer des sites Web efficaces et beaux.

Commencez à expérimenter avec des groupes de modules dans Public Alpha de Divi 5 et découvrez une nouvelle façon de créer des sites Web avec Divi. Comme indiqué précédemment, Divi 5 est prêt pour de nouveaux sites Web, mais nous ne le recommandons pas pour les sites existants pour l'instant.

Nous vous encourageons à rejoindre la communauté Divi pour partager vos créations de groupes de modules. Publiez vos conceptions dans le groupe Divi Facebook ou TAG @ElegantThemes sur X.

Construisons quelque chose d'incroyable ensemble!