Remplacez le widget de galerie DIVI par l'addon de galerie WP Media Folder

Les constructeurs de pages font partie des outils les plus importants qui peuvent être utilisés lors de la création d'un site Web et il est vrai que DIVI est l'un des meilleurs constructeurs de pages, mais que diriez-vous si nous pouvions améliorer un outil déjà génial comme DIVI ? 

Avec l'Addon Media Folder Gallery, vous pourrez remplacer et améliorer le bloc de galerie de Divi avec de nombreux outils, comme l'utilisation de thèmes prédéfinis et leur personnalisation pour les adapter au contenu de votre site.

Il existe également une section spécialisée dans la gestion de vos galeries, leur édition et leur prévisualisation, mais ce n'est pas tout ! Vous pourrez gérer vos galeries directement depuis l'édition de la page. Nous verrons à quel point il est facile de le faire dans ce post.

Commencez à utiliser cet Addon essentiel pour votre Galerie 

Afin de compléter ce tutoriel, nous utilisons WP Media Folder et l'addon de galerie WP Media Folder Gallery Addon, ces plugins contiennent les outils nécessaires pour gérer et créer les galeries présentées dans cet article.

Tout d'abord, commençons par créer notre première galerie avec le gestionnaire de galeries, pour cela, allez dans Médias > Dossier de médias Galeries dans cette section, vous pourrez gérer toutes vos galeries, maintenant que nous sommes ici, cliquez sur +Ajouter une nouvelle galerie > Créer une nouvelle galerie de médias.

Une fenêtre contextuelle apparaîtra où vous pourrez facilement créer une galerie en saisissant le titre et en sélectionnant le thème que vous souhaitez utiliser. Si vous souhaitez en faire un sous-dossier, vous pourrez sélectionner le dossier parent.

Nous ajouterons comme titre « Galerie pour Divi » et sélectionnerons Grille personnalisée comme thème pour cette galerie, une fois cela fait, cliquez sur Créer.

Dans cette section, vous pourrez gérer vos galeries. Tout d'abord, ajoutons les images qui seront utilisées pour cette nouvelle galerie. Vous pouvez utiliser votre bibliothèque de médias, les télécharger directement depuis votre PC, ou importer les médias dans votre nouvelle Galerie en utilisant Google Photos.

Pour ce tutoriel, nous allons utiliser des images directement à partir de la médiathèque. Cliquez sur le logo WordPress pour charger la médiathèque, sélectionnez les images que vous souhaitez utiliser, puis cliquez sur Importer des images.

Ce thème Custom Grid est spécial car il vous permettra d'agrandir et de déplacer les images avec un système de glisser-déposer.

Alors configurons les images comme nous le souhaitons et cliquez sur Enregistrer.

Il existe de nombreuses options que nous pouvons modifier sur ce gestionnaire, telles que les paramètres d'affichage (comme les bordures, les marges, l'action au clic et le remplissage), mais cela peut également être fait directement à partir du Page Builder, donc comme la galerie est déjà créée, voyons comment faire !

Créez la meilleure galerie DIVI 

Maintenant que la galerie est créée, allez à la page que vous souhaitez éditer avec DIVI et dans les widgets après avoir cliqué sur + et recherchez le bloc appelé WPMF Gallery Addon.

Cela ouvrira un bloc avec toutes les options pour gérer votre galerie, tout d'abord, recherchez la section « Choisir une galerie » et sélectionnez la galerie que nous avons créée précédemment.

Cela chargera l'aperçu avec tous les paramètres disponibles pour le thème de la galerie dans le bloc.

Vous pouvez faire en sorte que le thème que vous aimez corresponde à votre contenu en utilisant les paramètres du thème, jetons un coup d'œil à ceux-ci.

En premier lieu, vous avez la possibilité de changer le thème, de définir une autre mise en page, de faire en sorte que les lignes aient plus de hauteur et de définir un rapport d'aspect.

Si vous souhaitez afficher plus d'une galerie, vous pouvez sélectionner Navigation dans la galerie, cela vous permettra d'ajouter une galerie avec ses sous-galeries.

Il existe de nombreuses autres options que vous pouvez définir comme la taille de l'image, la taille de la lightbox, l'action au clic et l'ordre.

D'autres options comme les options de bordure pour définir une bordure pour les images et les rendre courbes par exemple sont également disponibles.

Avec ces options et d'autres options avancées disponibles, vous pouvez ajuster votre galerie comme un professionnel avec des options simples ;)

Créez une ombre et personnalisez-la autant que vous le souhaitez.

Et enfin, personnalisez le titre et la description de votre image autant que vous le souhaitez ! Il existe des thèmes comme Portfolio et le thème par défaut qui vous permettront d'afficher le titre, par exemple, vous pourrez le définir à partir d'ici et également prévisualiser les modifications immédiatement dans l'éditeur de page.

Enfin, il existe également des options de conception qui vous permettront de définir toutes les options avancées (qui nécessitent généralement des connaissances CSS) : marges, bordures, tailles et animation si vous voulez tout avec quelques clics.

Maintenant que nous avons vu un résumé de tous les paramètres de thème, jetons un coup d'œil aux thèmes disponibles :

Défaut 

Masonry 

Portefeuille 

Curseur 

Diapositive fluide 

Grille Carrée 

Matériel 

Grille Personnalisée

Comme vous pouvez le voir, il existe de nombreux thèmes parmi lesquels vous pouvez choisir et vous pouvez également les modifier pour les adapter à n'importe quel thème et contenu de site.

Commencez à utiliser cette combinaison professionnelle 

Comme vous pouvez le voir, il existe de nombreux outils que vous pouvez utiliser en combinant DIVI et le WP Media Folder Module de galerie et ce n'est pas tout ce que vous pouvez faire, par exemple, utilisez Google Photos pour importer des albums directement à partir de là vers vos galeries ainsi que toutes les autres options que WP Media Folder vous propose pour améliorer votre bibliothèque de médias au maximum !

Vous pouvez vérifier toutes ces fonctionnalités WP Media Folder et obtenir votre propre copie pour commencer à créer des galeries maintenant !