5 conceptions de carrousel pour Divi 5 (téléchargement gratuit)

Le module de carrousel de groupe facilite la création de carrousels qui ont l'air propres, s'adaptent magnifiquement à différentes tailles d'écran et sont simples à personnaliser en Divi 5. Dans ce pack gratuit, vous trouverez 5 conceptions de sections de carrousel uniques, chacune conçue pour hériter de vos styles globaux pour une marque cohérente sur votre site. Ces carrousels sont prêts pour que vous passiez dans n'importe quelle page!

Prévisualisation

Jetons un coup d'œil aux 5 sections de carrousel dans ce pack. Ce pack est gratuit pour vous de télécharger plus loin dans le post.

Abonnez-vous à notre chaîne YouTube

Téléchargez 5 sections de carrousel pour divi 5

Obtenez les 5 sections de carrousel gratuitement. Chaque section est une version par défaut qui ramasse les couleurs, les polices et les boutons globaux de votre site. Importez-les dans votre bibliothèque Divi et ajoutez-les à n'importe quelle page.

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!

Ce qui est inclus (6 exportations)

Une fois que vous avez téléchargé et dézip le dossier, vous trouverez les 6 exportations de mise en page soigneusement organisées en sections individuelles et en tant que pack complet «toutes les sections».

Par défaut - Sections individuelles (5) → utilise vos styles globaux.
Par défaut - Toutes les sections (1) → Pack complet à l'aide de vos styles globaux.

Comment utiliser les conceptions de carrousel

Gardez votre dossier de téléchargement à proximité pour commencer à les importer sur votre site Web Divi.

1. Importer des sections dans la bibliothèque Divi

Allez à la bibliothèque Divi → Divi.

Une fois sur place, cliquez sur le bouton Importer et exporter pour installer les fichiers.

Recherchez le fichier des sections de carrousel (ALL) et cliquez pour l'importer.

2. Ajoutez une section de carrousel à une page

Ouvrez une page dans le constructeur visuel (ou créez-en un nouveau).

Cliquez sur le bleu «+» pour ajouter une nouvelle section, puis choisissez Ajouter dans la bibliothèque .

Cliquez sur la section Carrousel que vous souhaitez insérer.

Cliquez sur le bouton Utiliser cette section pour charger la section.

Assurez-vous d'enregistrer votre page lorsque vous avez terminé.

Comment fonctionne le style (par défaut uniquement)

Ces sections héritent des styles globaux de votre site pour les couleurs, la typographie, les boutons et l'espacement. Les carrousels correspondront immédiatement à votre marque si vous avez déjà mis en place des styles mondiaux. Vous pouvez toujours remplacer n'importe quoi dans la section, la ligne, la colonne ou le niveau de module en cas de besoin.

Personnalisation des carrousels

Le module de carrousel de groupe de Divi 5 vous donne des outils puissants pour modifier les dispositions tout en gardant tout réactif. Voici comment personnaliser ces sections pour s'adapter au style de votre site.

1. Remplacer le contenu de la diapositive

Dans le constructeur visuel, oscillez une diapositive et ouvrez le ou les modules à l'intérieur - image, module de texte, bouton, texte de présentation ou liste d'icônes. Remplacez les images, les copies et les appels à l'action. Vous pouvez utiliser Divi AI pour aider à rédiger des titres ou des légendes concises.

Si une diapositive comprend plusieurs modules, répétez pour chacun pour garder les styles cohérents.

2. Ajuster les paramètres du carrousel

Ouvrez les paramètres du carrousel de groupe. Dans l'onglet Conception, définissez les éléments par vue par appareil, l'écart de diapositives, la lecture automatique, la vitesse, la boucle et la navigation (flèches) ou la pagination (points).

Utilisez les bascules réactifs pour affiner les points d'arrêt.

Si vous préférez une interface utilisateur minimale, désactivez les flèches ou les points et comptez sur des interactions glisser et traîner.

3. Ajouter des éléments à une diapositive

Ouvrez le contenu d'une diapositive et ajoutez des modules comme un bouton, un texte de présentation, une liste d'icônes, une vidéo ou une animation Lottie. Utilisez une ligne à deux colonnes à l'intérieur d'une diapositive pour l'image d'un côté et du texte de l'autre, ou empilez les éléments verticalement pour les cartes de produits et les témoignages.

Pour accentuer rapidement, ajoutez un petit module de texte comme étiquette au-dessus du titre ou déposez un module de bouton sous la description avec votre style principal.

4. Réorganiser, doubler ou supprimer les diapositives

Dans la structure du carrousel de groupe, faites glisser les diapositives pour les réorganiser, dupliquez une diapositive pour garder le style cohérent ou supprimer les diapositives dont vous n'avez pas besoin. Gardez le nombre total équilibré avec vos articles par vue pour une pagination propre.

5. Disposition de la diapositive de contrôle avec Flexbox

À l'intérieur d'une diapositive, réglez la disposition du conteneur sur la colonne, puis utilisez l'espace pour nettoyer l'espacement. Utilisez Justifier le contenu pour centrer le contenu et aligner les éléments pour l'alignement gauche, central ou droit. Étirez les articles pour les cartes à hauteur égale entre les diapositives.

Si un titre s'enroule sur le mobile, réduisez la taille de la police dans les commandes réactives du module ou définissez une largeur maximale sur le conteneur de texte.

6. Utiliser des variables de conception, des préréglages et des attributs d'étendue

Attachez les couleurs et l'espacement à vos variables de conception afin que toute mise à jour de la marque soit en cascades sur toutes les diapositives. Enregistrez les styles de modules couramment utilisés comme préréglages pour les titres, les boutons ou les badges.

Utilisez des attributs d'étendue pour appliquer un changement de style d'un module au reste des diapositives en une seule action.

Pour des ajustements globaux rapides, utilisez la recherche et remplacez sur les couleurs ou les tailles de police dans la section.

7. Facultatif: Passez à un contenu dynamique avec Builder Loop

Transformez un carrousel en curseur dynamique en remplaçant le contenu de diapositive statique par un élément en boucle qui demande des publications, des projets ou un type de message personnalisé. Choisissez votre requête, concevez la carte une fois et laissez de nouveaux articles remplir automatiquement le carrousel.

Ceci est idéal pour les moments forts de blog, les carrousels de produits, les articles de portefeuille ou les témoignages.

Utilisez Divi 5 pour construire vos carrousels aujourd'hui

Ces 5 sections de carrousel de groupe sont un moyen rapide d'accélérer vos versions Divi 5. Téléchargez-les, déposez-les dans n'importe quelle page et faites-les le vôtre. Le module de carrousel de groupe gère le mouvement afin que vous puissiez vous concentrer sur la conception.