Ajoutez et modifiez des galeries d'images comme un pro avec Elementor

 Bien qu'Elementor soit très utile pour créer une page ou un article, il est vrai que nous pouvons avoir besoin d'outils supplémentaires pour un fonctionnement optimal. Parmi ces outils, il est important de mentionner un gestionnaire de galeries qui nous permettrait d'améliorer ce constructeur de pages déjà puissant. Voyons à quel point il est facile d'ajouter et de modifier des galeries directement dans Elementor grâce WP Media folder .

Grâce à des outils formidables comme un gestionnaire de galeries et une intégration avec tous les principaux constructeurs de pages, WP Media Folder nous permet de créer de superbes galeries et d'organiser notre bibliothèque multimédia en quelques clics seulement !

Dans ce tutoriel, nous allons créer une galerie de A à Z en utilisant le Gestionnaire de galeries et directement depuis Elementor.

Créer une galerie WordPress avec WP Media Folder

Tout d'abord, nous verrons à quel point il est facile de créer une galerie à l'aide de l'extension WP Media Folder Gallery.

Ce gestionnaire de galerie se trouve après l'installation WP Media Folder et de l'extension Gallery, dans votre bibliothèque de médias > Galeries du dossier média.

Sur cet écran, il faut survoler « + Ajouter une nouvelle galerie » et cliquer sur « + Créer une nouvelle galerie multimédia » .

Cela ouvrira une fenêtre modale dans laquelle nous pourrons saisir le titre de la galerie et sélectionner un thème.

Pour l'instant, nous l'appellerons « Ma galerie » et conserverons le thème par défaut.

Ceci nous mènera au tableau de bord de création de galerie, qui offre de nombreuses options pour configurer et construire notre galerie. Nous commencerons par ajouter des images à notre galerie.

Nous remarquerons plusieurs options pour ajouter des médias à la galerie, les principales étant l'ajout depuis la bibliothèque multimédia ou le téléchargement direct depuis
l'explorateur de fichiers de notre PC ; examinons ces deux options.

Tout d'abord, nous avons l' Bibliothèque multimédia , qui est l'icône WordPress ; cliquez dessus.

Cliquer ici ouvrira la bibliothèque de médias. Vous remarquerez qu'elle contient des dossiers, grâce à WP Media Folder qui me permet d'organiser au mieux tous mes médias à l'aide de dossiers et de filtres. Vous trouverez plus d'informations à ce sujet ici , mais ce sera le sujet d'un autre article ;)

Pour ajouter les images, il suffit d'aller dans le dossier multimédia où nous avons ajouté les images que nous souhaitons ajouter, de sélectionner les images en utilisant ctrl + clic pour les sélectionner, puis de cliquer sur Importer les images .

Cela ajoutera toutes les images sélectionnées au Gestionnaire de galerie, ce qui nous permettra de les utiliser et de les ajuster.

Voyons maintenant comment télécharger des images directement depuis l'explorateur de fichiers  ; pour cela, cliquez sur l'icône de dossier.

Une fois cette opération effectuée, votre explorateur de fichiers s'ouvrira instantanément pour vous permettre de naviguer dans vos dossiers et de sélectionner les images que vous souhaitez ajouter à la galerie.

Sélectionnez les images que vous souhaitez télécharger, puis cliquez sur Ouvrir .

Voilà, c'est terminé ! Toutes les images sont maintenant prêtes à être utilisées dans notre galerie grâce à notre Gestionnaire de galerie.

Maintenant que toutes nos images sont en place, vérifions les paramètres de la galerie. Pour cela, cliquez sur le deuxième onglet : Paramètres d’affichage et code court .

Dans un premier temps, nous pouvons constater que nous avons 8 galeries, chacune avec ses propres paramètres.

Voyons voir la Masonry , il s'agit du mur classique avec de nombreuses images affichées en différentes tailles, comme nous pouvons le constater dans l' Aperçu .

Dans les paramètres, nous pouvons choisir parmi toutes les options, par exemple la taille des images et la disposition masonry ; modifions-la de la verticale actuelle à l’horizontale et réduisons la taille des images.

Je vérifie maintenant l' Aperçu pour confirmer l'apparence actuelle.

Comme vous pouvez le constater, c'est un outil vraiment performant doté de fonctionnalités exceptionnelles qui nous permettent d'apporter des modifications et de visualiser le résultat en quelques clics et en quelques secondes ! Créer une galerie n'a jamais été aussi simple !

Ajouter des galeries WordPress dans Elementor

Maintenant que nous avons vu comment créer une galerie à l'aide du WP Media Folder , voyons comment l'ajouter à nos articles ou pages à l'aide d'Elementor .

Pour ce faire, rendez-vous sur votre page ou article (ou créez-le) et cliquez sur Modifier avec Elementor ; le constructeur de pages se chargera.

Dans l'éditeur, recherchez le WP Media Folder Addon Gallery » et ajoutez-le à votre contenu.

Un bloc s'affichera pour nous informer que le bloc d'extension Galerie multimédia a été ajouté.

Dans l'onglet de gauche, nous pourrons sélectionner la galerie souhaitée et la paramétrer.

Tout d'abord, sélectionnons la galerie que nous avons créée sous Choisir une galerie .

La galerie que nous avons créée précédemment se chargera automatiquement dans l'éditeur de pages, sous les blocs.

Ceci illustre le thème Masonry que nous avons sélectionné dans le Gestionnaire de galerie. Vérifions maintenant toutes les options disponibles dans les thèmes qui peuvent être sélectionnés directement à partir des paramètres du bloc.

Masonry

Un thème vraiment excellent qui s'adapterait parfaitement à presque toutes les pages, nous permettant d'afficher de nombreuses images.

Par défaut

Ce thème nous permet d'afficher les images de manière classique, avec le titre de l'image.

Portfolio

Cela nous permet d'afficher nos images de manière similaire au thème par défaut, mais en utilisant une autre police, idéal pour mettre en valeur des œuvres d'art.

Curseur

Le carrousel classique qui nous permet de mettre en avant un nombre limité d'images par diapositive.

Diapositive de flux

Similaire au thème Slider mais avec une animation différente, se concentrant sur une image par diapositive tout en nous permettant de prévisualiser les autres images.

Grille carrée

Une galerie classique avec des images carrées qui affichent le titre de l'image au survol de la souris.

Material

Un thème vraiment génial qui nous permet d'afficher des images carrées avec une jolie ombre et les titres.

Grille personnalisée

Un thème en grille permettant de redimensionner les images à notre guise est la meilleure option pour créer une galerie avec nos propres dimensions d'images. Voyons rapidement comment cela fonctionne dans le Gestionnaire de galeries.

Voyons maintenant les options disponibles dans le menu de gauche pour toutes les galeries.

Tout d'abord, nous avons la navigation de la galerie . Activer cette option permet d'utiliser les galeries de navigation disponibles sur l' WP Media Folder Gallery, qui permet également d'utiliser les galeries parentes et les sous-galeries . Vous pouvez voir une démo fonctionnelle ici.

En deuxième option, nous avons la balise d'image d'affichage , utile lorsque nous avons de nombreuses images dans une galerie et que nous voulons permettre à nos utilisateurs de les filtrer dans l'interface utilisateur à l'aide du système de balises de WP Media Folder .

Ensuite, nous avons le sélecteur de thème qui nous permet de choisir parmi les thèmes disponibles (que nous avons montrés précédemment) et qui affichera également des paramètres spécifiques en fonction du thème sélectionné, comme la mise en page et, par exemple, la durée de transition du curseur.

Nous pouvons continuer à vérifier et nous trouverons l' « Choisir une galerie » qui nous permettra de sélectionner parmi toutes les galeries que nous avons créées dans notre Gestionnaire de galeries multimédias.

Taille de l'image : cette option nous permet de choisir parmi toutes les tailles d'image disponibles, ce qui nous permet d'ajuster les images afin qu'elles s'intègrent parfaitement à notre contenu.

L' Taille de la Lightbox nous permettra, comme pour la taille de l'image, de sélectionner la taille de la lightbox qui s'affichera si nous la sélectionnons comme action au clic.

Nous aurons également l' option « Action au clic » qui nous permettra de choisir entre afficher une fenêtre contextuelle (une version agrandie de l'image), accéder à une autre page ou ne rien faire lorsque l'on clique sur l'image.

Et la dernière option, ce sont les paramètres de tri, qui nous permettront de voir et de sélectionner comment nous voulons afficher nos images dans la galerie.

Bien sûr, outre ces options, nous aurons également les paramètres permettant d'ajouter une marge entre les images, de modifier la couleur au survol, d'ajouter une bordure et une ombre.

Comme vous pouvez le constater, il est vraiment facile d'utiliser Elementor pour peaufiner nos galeries WP Media Folder et les adapter à notre page !

Créez rapidement des galeries à l'aide de dossiers multimédias

En complément, nous allons vous montrer comment créer des galeries en utilisant les dossiers créés par WP Media Folder en quelques secondes.

Cette fonctionnalité nous permettra également d'ajouter automatiquement les images à la galerie lorsqu'elles seront ajoutées au dossier.

Tout d'abord, accédez à la galerie du dossier multimédia sous la  bibliothèque multimédia où nous avons créé la galerie précédemment. Sur cette page, survolez le + Ajouter une nouvelle galerie , puis cliquez sur Créer une galerie à partir d'un dossier .

Une fenêtre d'explorateur de dossiers s'affichera, dans laquelle nous pourrons sélectionner le dossier que nous allons utiliser.

Après avoir cliqué sur Créer , les images contenues dans le dossier seront automatiquement chargées dans la galerie, ce qui nous permettra de créer une galerie en quelques secondes seulement !

Nous pourrons également ajouter automatiquement les images lorsqu'elles seront ajoutées à la bibliothèque multimédia dans le même dossier que nous venons de sélectionner, ce qui nous évitera d'avoir à aller dans le gestionnaire de galerie et à ajouter l'image manuellement.

Pour utiliser cette option, l'option « Ajouter automatiquement l'image au dossier » doit être activée ; elle se trouve en haut à droite, juste en dessous du Enregistrer .

Et voilà ! Des dossiers qui sont aussi des images s'affichant automatiquement en front-end, que demander de plus ? :) 

Commencez à utiliser WP Media Folder avec votre constructeur préféré

Nous avons également une vidéo qui explique tout étape par étape, vous permettant de voir le plugin en action. Allez-y, jetez-y un œil !

Un plugin doté de fonctionnalités exceptionnelles qui nous permettra non seulement de créer des galeries, mais aussi d'organiser nos médias, d'importer des photos depuis Google Photos et de les exporter !

Compatible avec tous les principaux constructeurs, ce logiciel vous permettra d'organiser et de présenter vos contenus multimédias de manière professionnelle en quelques étapes seulement. Alors, qu'attendez-vous ? Cliquez ici et procurez-vous-le dès maintenant !