Comment créer une galerie d'images avec filtre pour les photos

 Rechercher des images dans une galerie sur votre site ne sera plus difficile grâce aux filtres WP Media Folder proposés, qui nous permettront d'ajouter autant d'images dans une galerie que nous le souhaitons et permettront à nos utilisateurs de trouver rapidement ce qu'ils veulent voir.

Création d'une galerie d'images dans WordPress

Commençons par le début, qui consiste à créer une galerie en utilisant notre bibliothèque de médias ou des fichiers locaux et le gestionnaire de galerie de WP Media folder.

Notez que nous utiliserons le plugin WP Media folder et l'extension de galerie WP Media folder pour ce tutoriel.

Tout d'abord, voyons comment créer une galerie et la remplir d'images, pour ce faire, allez dans Média > Galeries de dossiers de médias

Sur cet écran, cliquez sur + Ajouter une nouvelle galerie  > Créer une nouvelle galerie de médias.

Une fenêtre contextuelle apparaîtra vous permettant de saisir le titre de la galerie ainsi que de sélectionner le thème de la galerie que vous utiliserez et si vous souhaitez qu'elle soit une galerie parente ou peut-être une sous-galerie d'une autre.

Vous pouvez sélectionner le thème que vous souhaitez et saisir le titre de votre galerie d'images, puis cliquer sur Créer et c'est tout ! Notre galerie vide est créée.

Maintenant, remplissons la galerie avec des images de la médiathèque, pour ce faire, cliquez sur l'icône WordPress que vous pourrez voir dans la nouvelle page de la galerie.

Une fenêtre modale s'ouvrira avec notre médiathèque et les dossiers créés par WP Media Folder et naviguez facilement entre toutes nos images, sélectionnez les images que vous souhaitez utiliser et enfin, cliquez sur Importer des images.

Les images seront chargées dans notre gestionnaire de galerie avec un aperçu de toutes les images ajoutées.

Ajoutons maintenant une image à partir de nos dossiers locaux, pour ce faire, cliquez sur l'icône du dossier.

Notre explorateur de fichiers sera ouvert afin que nous puissions sélectionner les images dont nous avons besoin et les télécharger directement dans la galerie.

Maintenant, nous avons nos images ajoutées à notre galerie récemment créée et cela a été vraiment rapide ! N'est-ce pas ?

Ajustez les filtres pour la galerie WordPress

Maintenant que notre galerie est créée, nous pouvons procéder pour l'ajuster pour qu'elle ressemble à ce que nous voulons, pour ce faire, nous avons un onglet de paramètres disponible qui est l'onglet Paramètres d'affichage et code court .

Sur cet écran, nous pouvons sélectionner le thème de la galerie parmi tous les ajustements possibles que nous pourrions faire pour que notre galerie corresponde à notre contenu.

Afin de créer les filtres, nous devons nous concentrer pour l'instant sur un seul paramètre qui est les étiquettes d'image, activez-le.

Lorsque cela est fait, nous pouvons ajuster la galerie comme nous le voulons, puis procéder à la configuration des étiquettes.

Pour permettre aux filtres de fonctionner, nous devons ajouter des étiquettes à nos images en fonction du moment où nous voulons les afficher, pour ajouter l'étiquette, cliquez sur l'icône d'ajustement qui apparaît lors du survol d'une image sur l'onglet Général.

Cela ouvrira une fenêtre contextuelle où nous pourrons voir une section pour Étiquettes d'image, nous pouvons y ajouter toutes les étiquettes que nous voulons utiliser pour filtrer nos images séparées par une virgule, par exemple, c'est un paysage désertique et ensoleillé, nous pouvons donc utiliser ceux-ci comme étiquettes.

Maintenant, nous pouvons remplir toutes les images avec les balises que nous voulons utiliser pour qu'elles soient affichées dans la page ou le post où nous voulons les publier.

Dans la partie suivante de ce tutoriel, nous verrons comment ajouter la galerie à notre contenu et verrons les filtres fonctionner.

Ajouter des galeries d'images aux pages et publications WordPress

Maintenant que nous avons créé nos galeries, l'étape suivante consiste à aller sur nos pages et à publier nos galeries avec des filtres.

Pour ce faire, allez à votre article ou page ou créez-le, dans ce cas, nous utiliserons l'éditeur Gutenberg mais WP Media Folder et son module complémentaire Galerie fonctionnent avec tous les principaux constructeurs de pages et disposent également d'un code court disponible pour être utilisé partout.

Après avoir accédé à l'éditeur de page/article, cliquez sur le + bouton pour ajouter un bloc et recherchez WP Media Folder et sélectionnez le Module complémentaire de galerie WPMF Bloc.

A block will load for the WP Media Folder Gallery addon that will open a modal with the gallery manager dashboard that we saw before, select the gallery that should be placed and finally, click on Insert.

Si nous avons activé les étiquettes d'images, la galerie doit se charger avec les filtres de médias que nous avons créés en ajoutant les étiquettes d'images.

Il existe également un paramètre disponible lors de la création du bloc qui nous permettra d'activer les étiquettes d'image juste au cas où.

Maintenant, l'aperçu de la galerie d'images devrait se charger dans l'éditeur afin que nous n'ayons plus qu'à l'ajuster comme nous le souhaitons et enfin publier notre page, notre galerie sera terminée !

Juste quelques étapes et nous avons créé une galerie vraiment professionnelle avec des filtres impressionnants, la création de galeries ne sera plus jamais la même.

Créer des galeries WordPress en utilisant les dossiers de médias

Si la création de galeries était déjà géniale, nous pouvons dire que ce n'est pas tout ce que nous avons avec WP Media Folder car nous pouvons créer des dossiers dans notre médiathèque pour organiser nos médias et également créer des galeries basées sur ces dossiers de médias, voyons comment faire !

Après avoir installé le plugin, vous pourrez voir l'option AJOUTER UN NOUVEAU DOSSIER sous la bibliothèque de médias.

Nous avons maintenant la possibilité de créer des dossiers et des sous-dossiers pour organiser nos médias comme nous le voulons, mais qu'en est-il de ne pas simplement les classer, mais aussi de créer des galeries basées sur ces dossiers ? Et aussi de mettre à jour la galerie à chaque fois que nous ajoutons une nouvelle image à notre dossier ? 

De cette façon, nous pourrons simplement télécharger des images dans notre bibliothèque de médias et la galerie sera mise à jour automatiquement, cela semble assez impressionnant, n'est-ce pas ?

Pour ce faire, allez dans le gestionnaire de galeries sous Média > Galerie de dossiers média et cliquez sur + Ajouter une nouvelle galerie > Galerie rapide à partir d'un dossier.

Une fenêtre modale s'ouvrira avec les dossiers et sous-dossiers disponibles afin que nous puissions sélectionner le dossier que nous utiliserons, définir un thème et enfin, cliquer sur Créer.

Toutes les images du dossier apparaîtront automatiquement dans notre galerie et nous pourrons utiliser toutes les options de paramètres normales ainsi que les filtres que nous avons pu voir auparavant.

Maintenant, tout ce que nous devons faire pour que la galerie soit mise à jour à chaque image téléchargée dans le dossier est d'activer l'option Ajout automatique d'images dans le dossier.

Et c'est tout ! toutes les images seront automatiquement ajoutées à la galerie comme par magie, c'est génial ! N'est-ce pas ?

Les meilleures galeries avec le meilleur plugin de dossier WordPress

Nous avons pu vérifier juste une de toutes les fonctionnalités géniales que WP Media Folder propose pour notre site WordPress, et un indice supplémentaire ! Nous avons également une bonne vidéo expliquant l'ensemble du processus au cas où vous voudriez le vérifier ;)

Maintenant, tout ce que vous avez à faire est d'obtenir votre propre copie ici et découvrez toutes les fonctionnalités géniales que WP Media Folder propose !