Voici comment créer un diaporama d’images qui défilent, avec Divi, sur votre site WordPress. On appelle aussi ceci : un slider . Je vais vous exposer 3 manières différentes de créer ce diaporama d’images dans la vidéo ci-dessous.

Transcription résumée de la vidéo :

Avertissement sur l’utilisation des sliders dans votre site Web

Avant de vous montrer comment faire un slider, je dois vous avertir que les sliders / diaporama ne s’utilisent plus vraiment sur le Web.

De nos jours, faire un slider sur son site web n’est plus d’actualité. En effet aujourd’hui les sliders / diaporama ne sont plus aussi efficaces qu’avant. Ils sont jugés négatifs pour un site, mais réduisent aussi l’engagement visiteur ainsi que le taux de conversion, des détails que vous pourrez consulter sur https://www.neosama-consulting.com/pourquoi-utiliser-slider-site-web/. Libre à vous ensuite de déterminer si votre site peut contenir ou non des sliders.

Qu’est-ce que Divi, le thème WordPress ?

Avant d’entrer dans le vif du sujet, il est important de connaitre ce qu’est Divi et d’en maitriser les bases fondamentales. En gros, Divi est un thème WordPress qui facilite la gestion, le développement, le style et l’agencement de votre site Web. Il vous suffit de sélectionner parmi une large gamme de mises en page préexistantes et d’ajuster, bricoler et coloriser jusqu’au contenu de votre choix. Vous n’avez pas besoin d’apprendre HTML, CSS ou PHP, le thème Divi est intuitif est très facile d’utilisation. Si vous souhaitez en connaitre plus sur Divi, rendez-vous sur https://www.netologiste.com/divi-wordpress-presentation/

Première solution : le module diaporama de Divi

Entrons maintenant dans la première solution. Cette première solution consiste à l’utilisation du module diaporama d’image. Un module évidemment présent dans Divi. Pour l’activer, il suffit tout simplement d’aller sur votre site, d’ajouter un module et de choisir diapos. Vous pouvez ensuite ajouter intuitivement les images qui vont composer votre diapo.  C’est la solution adaptée aux diapos qui sont riches en contenu, textes, liens et images. En effet juste à côté de chaque image, vous pouvez ajouter un titre, un texte pour expliquer l’image ou développer le titre, et un bouton d’appel à l’action. Cependant, si vous souhaitez simplement un diaporama d’images, il suffit de supprimer le titre et le texte par défaut. Dans ce cas, si vous souhaitez que chaque image couvre la totalité de l’espace consacrée à la diapo, placez vos images en image de fond. À vous ensuite de juger si jamais il y a trop ou pas assez d’images.

Deuxième solution : le module galerie d’images de Divi

Pour obtenir le module galerie d’images, il vous suffit d’aller sur votre site web, d’ajouter un module et de choisir galerie. Cette solution est plus facile et simple du fait qu’au lieu de gérer des diapos, il suffit de gérer des images. En un clic vous pouvez ainsi sélectionner toutes les images qui vont défiler et composer la diapo. Vous allez avoir comme résultat premier un espace où toutes les images vont être présentées sous forme de grille. Pour en faire un diaporama, il suffit tout simplement de se rendre dans les paramètres d’option de la galerie d’images-style-modèle et cocher sur diapo.

Troisième solution : utiliser un outil spécifique pour des galeries d’images

Pour cette troisième et dernière solution, on va essayer d’autres solutions que celles offertes par Divi, notamment WordPress avec ses 55000 extensions gratuites. Il suffit de rechercher « slider » sur le site WordPress. À vous de faire votre choix sur les dizaines de résultats et de télécharger le plug-in ou encore de les installer directement sur votre site web à partir de votre back-office. Suivez ensuite les instructions pour la création de votre diapo. N’hésitez surtout pas à tester plusieurs plug-ins afin de trouver celui qui vous convient le mieux.

Voir aussi

Formation : "Découvrir Divi"

Cette première formation est une bonne introduction à Divi : elle vous permettra de comprendre comment créer et mettre en page des pages sur votre site Internet.

Formation : "Divi intégration Web"

Création d'une page Web complexe à partir d'une maquette graphique : l'intégration Web avec Divi et WordPress n'aura plus de secrets pour vous !

Acheter son hébergement Web

Apprenez à mettre en place un hébergement Web et commencez à travailler sur votre site aujourd’hui. Je vous montre toutes les étapes en détails.

× Panier

Votre panier est vide.

Obtenez ma formation Divi gratuitement

Recevez ma formation Divi gratuite avec des astuces pour vous simplifier le quotidien.

Vous allez recevoir un email à l'adresse que vous avez indiqué.