Sélectionner une page


Dans ce tutoriel, nous allons créer un carrousel d’images sur le thème de Divi à l’aide d’un plugin gratuit.

Le plugin que nous utiliserons est Module carrousel d’images pour Divi. Il peut être téléchargé à partir du référentiel de plugins WordPress.org.

La première étape consiste à installer le plugin sur votre site Web. Si vous êtes nouveau sur WordPress et que vous ne savez pas comment installer un plugin, veuillez vérifier ceci Comment installer un plugin WordPress Articles.

Ajout d’un module de carrousel d’images à la page

Le plugin Image Carousel For Divi ajoute un nouveau module appelé Image Carousel au Divi Builder. Si vous rencontrez des problèmes pour le trouver, vous pouvez utiliser la fonction de recherche dans la liste des modules.

Liste des modules de carrousel d'images Divi

L’ajout du module à une page ajoute automatiquement un carrousel d’images à la page. Le module récupère les dernières images téléchargées dans votre médiathèque pour les utiliser dans le carrousel d’images.

Sélectionnez des images pour le carrousel

Vous pouvez sélectionner les images à afficher dans le carrousel d’images sous Paramètres du module> Contenu> Images.

Le bouton Ajouter des images de la galerie ouvre la médiathèque WordPress. Vous pouvez sélectionner des images qui ont déjà été téléchargées dans la médiathèque ou télécharger de nouvelles images ici.

Divi Image Carousel Sélectionner des images

Modifier le nombre de diapositives et les paramètres de défilement

Vous pouvez modifier le nombre d’images dans le carrousel sous Paramètres du module> Contenu> Éléments> Nombre de diapositives.

Par défaut, la valeur est définie sur 3. Si vous le changez en 4, vous verrez 4 images dans le carrousel. Si vous le changez en 5, il affichera 5 images et ainsi de suite.

Nombre de diapositives du carrousel d'images Divi

Vous pouvez modifier le nombre de diapositives qui défilent lorsque vous appuyez sur l’icône en forme de flèche ou pendant la lecture automatique en appuyant sur la touche Faire défiler les diapositives Cadre. C’est a Paramètres du module> Contenu> Éléments> Défilement des diapositives

Il est défini sur 1 par défaut. Cela signifie que selon le symbole de flèche sur lequel vous avez cliqué, une diapositive est déplacée vers l’avant ou vers l’arrière. Si vous le changez en 2, les diapositives du carrousel 2 se déplaceront.

Diapositives du carrousel d'images Divi pour faire défiler

Paramètres des flèches et des points

Par défaut, le carrousel affiche des points et des flèches. Vous pouvez facilement les masquer en ajustant le paramètre Afficher les points ou alors Afficher les flèches Option aussi Non dans les paramètres du module.

ils sont dans le éléments Groupe Paramètres directement sous les paramètres « Nombre de diapositives » et « Diapositives de défilement ».

Paramètres de la flèche et des points du carrousel d'images Divi

Pour modifier la couleur de la flèche et des points, vous pouvez utiliser les paramètres de couleur de flèche et de couleur de point. Ils sont situés sous le groupe de paramètres Éléments du carrousel Paramètres du module> Conception> Éléments du carrousel.

Couleur des flèches et des points du carrousel d'images Divi

Paramètres d’animation du carrousel d’images

Les paramètres d’animation du carrousel se trouvent dans le Animation de carrousel Groupe de paramètres.

Pour activer l’animation de lecture automatique dans le carrousel, définissez simplement le Lecture automatique Mise en marche Oui.

Animation automatique du carrousel d'images Divi

Si vous définissez la lecture automatique sur Oui, l’option sera activée Vitesse de l’animation en lecture automatique Cadre. Vous pouvez définir le délai dans l’animation de lecture automatique en le modifiant.

Divi Image Carousel Vitesse d'animation automatique

Animation infinie

Animation infinie L’embauche est à Paramètres du module> Conception> Animation de carrousel.

Si vous définissez Animation infinie sur Oui, le carrousel se répétera indéfiniment.

Lorsque le carrousel atteint la dernière image, il recommence avec la première image. Si l’animation infinie est désactivée, le carrousel s’arrêtera à la dernière image.

Animation infinie du carrousel d'images Divi

Laissez un commentaire ci-dessous si vous avez trouvé cela utile ou si vous avez des questions. N’oubliez pas de vous abonner à la newsletter pour recevoir les derniers tutoriels dans votre boîte de réception.



Source link

Recent Posts