Passer au contenu principal
Temps de lecture de 8 minutes (1534 mots)

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

CREER-SUPER-GALERIES-AVEC-LE-MEILLEUR-GESTIONNAIRE-GALLERY-FOR-ELEMENTO_20210609-071032_1

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

Les constructeurs de pages comme Elementor disposent généralement d'outils/blocs pour créer des galeries, mais ce 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 à ce sujetWP Media Folder )

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

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

Dites adieu à la médiathèque désordonnée.

WP Media Folder vous permet de catégoriser les fichiers, de synchroniser les dossiers avec le stockage en nuage, de créer des galeries étonnantes et même de remplacer des images sans rompre les liens.
Optimisez votre flux de travail multimédia dès aujourd'hui

OBTENEZ LE PLUGIN MAINTENANT

Galeries avec widget pour Elementor en vidéo

 Configuration de l'intégration WordPress Google Photos

Tout d'abord, je vous ferai part des plugins que nous utilisons pour ce tutoriel, ce sont 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.



Attendez maintenant un instant que le projet soit créé.



Si c'est la première fois que vous utilisez cette API de bibliothèque de photos , vous devrez l'activer, pour l'activer, rendez-vous sur la MarketPlace dans le menu de gauche.



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



Cliquez dessus, puis sur Activer .



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


Maintenant que vous êtes ici, dans le panneau supérieur, accédez à + Créer des informations d'identification > ID client OAuth , si vous y êtes invité, 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 barre oblique).
  • URI de redirection autorisés : https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
(remplacez par votre nom de domaine)


Gardez à l'esprit que Google a modifié sa politique, vous devez donc renseigner vos domaines autorisés dans l'onglet de l'é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 du domaine .



Et.. Voila! 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 > onglet Google Photo.



Vous pouvez utiliser le mode Automatique qui est le plus simple étant donné que vous n'aurez qu'à vous connecter à votre compte Google, pour cela, choisissez Automatique dans le "Mode 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 + Gallery Plugin, la meilleure combinaison

Maintenant que nous avons terminé la connexion, allez dans Media > Media Folder Galleries , sur cette section, cliquez sur + Add New Gallery et donnez un nom à votre nouvelle galerie, pour le tutoriel, nous la nommerons Google P Gallery , et aussi, nous sommes va utiliser la galerie Square Grid



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



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



Vous verrez une notification sur l'album en cours d'importation.



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



Maintenant, vous pouvez accéder à l' Paramètres d'affichage et code court pour personnaliser complètement votre galerie, vous avez des paramètres tels que 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 accéder à la page/à la publication où vous souhaitez ajouter la galerie et cliquer sur Modifier avec Elementor pour que le générateur de page se charge.

Sélectionnez maintenant la section dans laquelle vous souhaitez ajouter la galerie et recherchez le WP Media Folder blocs.



Un est vous pouvez voir, il y a 4 blocs disponibles, pour ce tutoriel nous allons utiliser celui appelé WP Media Folder Galerie Addon , cela chargera la galerie Addon dans le générateur de page.

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



Dans la section de droite, vous verrez l'aperçu de la galerie et il sera automatiquement mis à jour lorsque vous sélectionnerez une nouvelle option dans la section de gauche, vérifiez-la, confirmez que tout va bien et cliquez sur Publier .



C'est ça! 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 plus, 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 avec des services cloud (Dropbox, Google Drive, OneDrive et AWS).

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

Lorsqu'il est défini et que vous synchronisez/créez les dossiers Google Drive, vous pouvez accéder à la page/au message 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 Gallery .



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 une 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 l'aperçu de la galerie dans la section de droite afin qu'il soit vraiment facile de modifier et vérifiez que la galerie ressemblera à ce que nous voulons :)



Maintenant, vous pouvez créer des galeries avec la puissance de WP Media Folder , d'une manière très simple en utilisant Elementor, et aussi, économiser de l'espace de stockage en utilisant Google Drive, que demander de plus ? :)


Appel à tous les webmasters !

Gagnez du temps et augmentez votre productivité avec WP Media Folder . Organisez sans effort les fichiers multimédias des clients, créez des galeries personnalisées et offrez une expérience utilisateur transparente.
Mettez à niveau vos projets de site Web maintenant !

OBTENEZ LE PLUGIN MAINTENANT

 Commencez à utiliser le meilleur plugin WordPress Gallery

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 qu'elles ne le devraient et plus encore maintenant avec le nouveau thème et la nouvelle interface ! Alors qu'est-ce que tu attends? Allez ici et obtenez votre propre adhésion, vous verrez qu'il y a plus de galeries que celles présentées dans cet article et beaucoup d'outils qui sont tout simplement géniaux :)

2
Rester informé

Lorsque vous vous abonnez au blog, nous vous envoyons un e-mail lorsqu'il y a de nouvelles mises à jour sur le site afin que vous ne les manquiez pas.

Articles Similaires

 

commentaires

Pas encore de commentaires. Soyez le premier à laisser un commentaire
Déjà enregistré? Connectez-vous ici
Jeudi 28 mars 2024

Image Captcha