Créez des galeries époustouflantes avec le meilleur gestionnaire de galerie pour Elementor

Les constructeurs de pages et les galeries sont la plupart du temps essentiels pour les sites Web WordPress, car les galeries vous permettent d'afficher des images/produits de manière agréable et les constructeurs de pages vous permettent de créer et d'ajouter du contenu à votre page de manière professionnelle.

Les constructeurs de page comme Elementor ont généralement des outils/blocs pour créer des galeries, mais ceux-ci ne sont pas les meilleurs car ils n'ont pas beaucoup d'options pour les personnaliser, mais ne vous inquiétez pas car WP Media Folder vous aidera à cela ;)

WP Media Folder vous propose un module complémentaire de galerie qui vous permet de créer et de personnaliser vos galeries à l'aide d'outils et de fonctionnalités spectaculaires.

Dans ce post, nous allons voir comment les utiliser avec Elementor, Google Photos, et aussi vos dossiers cloud alors commençons !

Galeries avec widget pour Elementor en vidéo

Configuration de l'intégration de Google Photos avec WordPress

Tout d'abord, je vais vous faire savoir quels sont les plugins que nous utilisons pour ce tutoriel, il s'agit d'Elementor, WP Media Folder, et les 2 Pro Addons (un pour les galeries et l'autre pour la connexion cloud).

Maintenant que nous le savons, commençons, nous allons créer la galerie à partir de Google Photos, pour cela, nous devons connecter notre site WordPress à notre compte Google Photos, voyons comment faire.

Tout d'abord, nous avons besoin d'une application Google Dev pour cela, allez ici : https://console.developers.google.com/project et créez un nouveau projet.

Ajoutez un nom au projet, vous pouvez ajouter ce que vous voulez.

Maintenant, attendez un moment que le projet soit créé.

S'il s'agit de la première fois que vous utilisez cette API de la bibliothèque de photos, vous devrez l'activer, pour l'activer, allez dans le MarketPlace dans le menu de gauche.

Maintenant, dans la zone de recherche, tapez API de la bibliothèque de photos et recherchez-le.

Cliquez dessus, puis sur Activer.

Maintenant qu'il est activé, cliquez sur "API et Services" dans le menu de gauche, sur ce panneau, allez à Identifiants.

Maintenant que vous êtes ici, dans le panneau supérieur, allez à + Créer des identifiants > ID client OAuth, si demandé, ajoutez un nom à votre écran de consentement OAuth.

Maintenant, configurez les informations d'identification comme suit :

• Sélectionnez "Application Web" et ajoutez un nom de votre choix.
• Origine JavaScript autorisée : https://votre-domaine.com (remplacez par votre nom de domaine, sans slash final).
  
• URI de redirection autorisées : https://votre-domaine.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

Gardez à l'esprit que Google a changé sa politique, vous devez donc remplir vos domaines autorisés dans Onglet Écran de consentement OAuth > Modifier l'application.

Dans la section Domaines autorisés, cliquez sur +Ajouter un domaine et ajoutez votre domaine.

Ajoutez-le également à la section Vérification de domaine.

Et c'est fait ! Vous obtiendrez votre ID et votre secret à ajouter dans la configuration de WP Media Folder:)

Maintenant, connectons votre compte Google Photos à votre site WordPress, pour cela allez dans Paramètres > WP Media Folder > Cloud > Google Photo onglet.

Vous pouvez utiliser le mode Automatique qui est le plus simple car vous n'aurez qu'à vous connecter à votre compte Google, pour cela, choisissez Automatique dans le "Mode de connexion" puis Connecter Google Photo.

Une fenêtre contextuelle apparaîtra, cliquez sur Accepter.

La dernière étape sera de vous connecter à votre compte Google, d'autoriser les autorisations et de terminer la connexion.

C'est tout, vraiment facile et rapide, n'est-ce pas ? :)

Elementor + Plugin de galerie, la meilleure combinaison

Maintenant que nous avons terminé la connexion, allez à Média > Galeries de dossiers de médias, dans cette section, cliquez sur + Ajouter une nouvelle galerie et donnez un nom à votre nouvelle galerie, pour le tutoriel, nous l'appellerons Galerie P Google, et également, nous allons utiliser la Grille carrée galerie.

Maintenant, vous aurez toutes les options pour configurer et ajouter des images à votre galerie, vous verrez le Google Photo logo, cliquez dessus.

Cela chargera une popup avec toutes les images disponibles sur votre compte Google Photos, vous avez la possibilité de sélectionner plusieurs images d'un album ou de sélectionner un album complet, dans ce tutoriel, nous allons sélectionner un album complet, pour cela, sélectionnez l'album puis,Importer l'album.

Vous verrez une notification concernant l'importation de l'album.

Attendez quelques minutes, et c'est fait ! Vous verrez toutes les images téléchargées dans le tableau de bord de la galerie, vous pouvez apporter toutes les modifications comme sélectionner une nouvelle galerie.

Maintenant, vous pouvez aller à l'onglet Paramètres d'affichage et code court pour personnaliser complètement votre galerie, vous avez des paramètres comme l'ordre, le nombre de colonnes et l'action au clic.

Après avoir terminé les paramètres de la galerie, cliquez sur Enregistrer, et, vous pouvez aller à la page/article où vous voulez ajouter la galerie et cliquez sur Modifier avec Elementor pour que le constructeur de page se charge.

Maintenant, sélectionnez la section où vous souhaitez ajouter la galerie et recherchez les WP Media Folder blocs.

Comme vous pouvez le voir, il y a 4 blocs disponibles, pour ce tutoriel nous allons utiliser celui appelé WP Media Folder Module de galerie, cela chargera le module de galerie dans le constructeur de page.

Après avoir déplacé le bloc vers la section, vous verrez une option pour prévisualiser et, sur le côté gauche, l'option pour choisir une galerie, sélectionnez la galerie que nous avons créée précédemment.

Dans la section de droite, vous verrez la prévisualisation de la galerie et elle sera automatiquement mise à jour lorsque vous sélectionnerez une nouvelle option dans la section de gauche, vérifiez-la, confirmez que tout est correct, et cliquez sur Publier.

C'est tout ! Vous avez créé une galerie professionnelle en quelques clics et l'avez configurée directement depuis le Page Builder :)

Utiliser Elementor pour créer des galeries Google Drive dans WordPress

 En bonus, nous allons voir comment créer des galeries en utilisant des images du cloud, car WP Media Folder vous permet de connecter votre bibliothèque multimédia aux services cloud (Dropbox, Google Drive, OneDriveet AWS).

Dans cet exemple, nous allons utiliser la connexion Google Drive, vous pouvez voir comment la connecter ici, vous remarquerez que le processus est vraiment similaire à la connexion à Google Photos :)

Lorsqu'il est configuré et que vous synchronisez/créez les dossiers Google Drive, vous pouvez aller à la page/article que vous souhaitez modifier et cliquer sur Modifier avec Elementor.

Dans la section de gauche, recherchez la section WP Media Folder et cliquez sur le bloc WP Media Folder Galerie .

Maintenant, cliquez sur + dans la section "Ajouter des images".

Cela ouvrira une fenêtre contextuelle avec la médiathèque, sélectionnez le dossier cloud, toutes les images que vous souhaitez ajouter en cliquant dessus, et enfin Créer une nouvelle galerie > insérer la galerie.

Cela créera une galerie en utilisant les images directement depuis le cloud, donc après l'avoir ajoutée, vous pouvez configurer les paramètres de la galerie dans la section de gauche, et vérifier la prévisualisation de la galerie dans la section de droite afin qu'il soit vraiment facile de modifier et de vérifier que la galerie aura l'apparence souhaitée :)

Maintenant, vous pouvez créer des galeries avec la puissance de WP Media Folder, de manière vraiment facile en utilisant Elementor, et également économiser de l'espace de stockage en utilisant Google Drive, que pouvez-vous demander de plus ? :)

Commencez à utiliser la meilleure extension de galerie WordPress

Dans cet article, nous n'avons expliqué que quelques fonctionnalités de WP Media Folder et, comme vous pouvez le voir, cela a rendu les choses vraiment plus faciles que prévu et encore plus maintenant avec le nouveau thème et l'interface ! Alors, qu'est-ce que vous attendez ? Allez ici et obtenez votre propre abonnement, vous verrez qu'il y a plus de galeries que celles présentées dans cet article et de nombreux outils qui sont tout simplement géniaux :)