fbpx

Bons plans Alpa14 | Des offres et des réductions intéressantes à découvrir 😃

Divi Module Galerie : Bien présenter les images d’un site

Créer une galerie simple et design avec le module Galerie de Divi

Dans ce court tuto WordPress Divi, je vous explique comment utiliser le module Galerie du Divi Visual Builder. Nous verrons comment le paramétrer pour obtenir une  galerie simple, efficace au design épuré.
Bon visionnage à toutes et à tous ! 😊

Licence Divi
Code Promo Divi Supreme
.

1) Insertion du module galerie et premiers réglages

Ajouter une nouvelle rangée à une colonne, puis appeler le module Galerie.

Dans l’onglet « Contenu » vous pouvez appeler les images souhaitées depuis votre médiathèque. Vous pouvez à cet endroit réorganiser l’ordre de vos image par simple « glissé/déposé ». Dans « Nombre d’images » vous pouvez choisir le nombre d’images à afficher (par défaut c’est 4), nous choisirons ici 8.

Ensuite toujours dans l’onglet « Contenu » en dessous dans « Éléments » vous pouvez d’afficher ou pas certains éléments à afficher ou pas comme la légende ou la pagination. Pour cet exercice, nous désactiverons tout. Sauvegarder pour le moment le travail réalisé sur ce module.

Divi module Galerie
Divi Module Galerie

2) Réduction de l’espace entre les images de la galerie

Nous souhaitons maintenant supprimer l’espace entre les images. Pour cela, rendez-vous dans les paramètres de la rangée qui a accueilli le module Galerie. Aller dans l’onglet « Style » puis choisir l’option « Dimensionnement » et activer l’interrupteur «  »Utilisation personnalisée Largeur de Gouttière ». Puis à « Espacement des colonnes » déplacer la tirette à gauche (valeur 1). Puis sauvegarder les réglages de la rangée.

MalerLite
Espacement des colonnes

3) Espacement des images grâce à la bordure

Nous allons cependant espacer très légèrement les images. Pour cela nous allons utiliser l’option « Bordure » des images ainsi nous pourrons avoir un contrôle beaucoup plus fin de ces espacements.
Retourner dans les paramètres du module Galerie. Dans l’onglet « Style » choisir l’option « Bordure ». Avec la tirette, ajouter une bordure fine de 2 pixels. Puis dans la couleur de la bordure, choisir « Transparent » afin que la bordure ait la même couleur que le fond de la galerie.

Titre de section dynamique

4) Couleur de superposition et changement de l’icône

Toujours dans l’onglet « Style » des paramètres du module, aller à l’option « Superposition » ici vous pouvez choisir la couleur de filtre sur l’image qui s’active au passage de la souris ainsi que l’icône et sa couleur. Quand vous choisissez une nouvelle couleur de fond de superposition, vous remarquez que la couleur est totalement opaque et masque entièrement l’image. Il est nécessaire à ce niveau d’ajouter de la transparence à la couleur, cliquer sur la pipette et avec tirette de droite, ajouter de la transparence.

Vous pouvez maintenant enregistrer vos modification des paramètres de ce module.
Enregistrez également la page. Félicitations, Vous pouvez sortir du Visual Builder pour constater le résultat de votre travail ! 😊

 

MalerLite
Titre de section dynamique
Licence Divi
Thinkific one month free

Par où commencer pour créer son site Internet ?

Toute personne disposant d’un ordinateur et d’une connexion Internet peut créer son propre site Web. Il existe de nombreux outils en ligne qui facilitent le processus. Les sites Web peuvent être utilisés pour promouvoir votre entreprise, communiquer avec les clients et partager vos idées.

Dans cette vidéo qui est qui est une retransmission d’un Webinar, Léopoldine la fondatrice de la société Webmyday, explique les différentes étapes à suivre et les bonnes questions à se poser pour créer son premier site web professionnel. Elle passe en revue les services et les outils nécessaires à la conception Web et propose des conseils pour créer un site Web efficace.

Cette vidéo est une excellente ressource pour les débutants qui souhaitent en savoir plus sur les étapes à suivre dans la conception Web ou pour les propriétaires d’entreprise qui ont besoin de créer un site Internet pour leur activité. 

Sommaire de la vidéo

0:00 Introduction
2:41 La formation Webmyday qu’est-ce que c’est ?
6:22 Faire ou faire faire son site Internet ?
16:31 Solutions pour faire son site soi-même
18:24 Solutions pour faire faire son site
22:33 Coût d’un site Internet
25:55 Un CMS, qu’est-ce que c’est ?
26:46 Les CMS les plus connus
32:57 Le nom de domaine
33:39 L’ hébergement
34:54 Quelques hébergeurs
38:35 4 choses que doit comprendre votre hébergement
40:01 WordPress qu’est-ce que c’est ?
40:29 Différence entre WP.com et wp.org
43:00 Les différentes composants de WP
46:33 En résumé les étapes pour travailler avec WordPress
47:47 Conclusion

Sommaire de la vidéo

Vous serez peut-être également intéressé par ces articles …

Enregistrer son écran pour créer des formations

Enregistrer son écran pour créer des formations

Vous recherchez un logiciel de capture pour filmer l’écran de votre PC ou de votre Mac ? Vous souhaitez créer des démos de logiciels, des démos de jeux, des tutoriels ou des vidéos de formation d’aspect professionnel ? Alors vous avez sans doute besoin de DemoCreator de Wondershare !

lire plus
Divi Supreme : Module Text Path

Divi Supreme : Module Text Path

Divi Supreme possède un excellent nouveau module intitulé Text Path qui vous permet de créer de magnifiques chemins de texte. Avec ce module, vous pouvez facilement créer des motifs et des dessins complexes dans votre texte.

lire plus
Créer un pop-up sur un site Divi

Créer un pop-up sur un site Divi

Ce tutoriel vous propose une solution simple et pratique pour créer un pop-up. En effet, je vous présente un plugin gratuit pour Divi intitulé « Popups for Divi » qui vous permettra de transformer toute section de votre site web en fenêtre pop-up.

lire plus
Offrez-moi un café! Merci :)