Comment créer des galeries WordPress en utilisant les médias de Google Drive

Nous allons examiner un moyen pratique de créer des galeries WordPress à l'aide de Google Drive, ce qui est tout à fait possible avec WP Media Folder, qui vous permet d'accéder directement aux médias depuis Google Drive sans occuper l'espace de votre serveur.

Connexion de Google Drive à votre site Web

La première étape de ce tutoriel consiste à connecter Google Drive à votre site et vous verrez à quel point c'est facile, tout d'abord, vous aurez besoin du Module Cloud de WP Media Folder qui est ce qui va vous permettre de connecter votre site à Google Drive.

Maintenant que nous avons installé WP Media Folder, et le Module Cloud, nous pouvons commencer la configuration, pour cela, il y a deux options, Manuel et Automatique, expliquons-les.

Afin de commencer la configuration, allez à Paramètres > WP Media Folder > Cloud > Google Drive. Ici, vous pourrez sélectionner le Type de Drive :

• Disque personnel : votre compte personnel.
• Disque partagé : votre compte Gsuite.

Sélectionnez ensuite le type de lien pour vos images :

• Lien public : générez un lien accessible au public pour vos fichiers et affectez les droits appropriés sur les fichiers dans le cloud (Lien partagé). Ex : https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• Lien privé : lien AJAX, masquer le lien cloud pour conserver le droit d'accès original de votre fichier (les utilisateurs doivent se connecter pour voir les images). Par exemple : https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

Et puis, procédez à la connexion :

Premièrement, pour utiliser cette fonctionnalité, vous devez lier votre compte Joomunited dans le Menu Paramètres > Général, veuillez cliquer sur le lien des paramètres WordPress si vous n'êtes pas encore connecté.

Après cela, revenez à Paramètres > WP Media Folder > Cloud > Google Drive, sélectionnez le Mode Automatique, puis cliquez sur Connecter Google Drive.

Suivez les étapes pour connecter votre compte Google, et c'est tout, vous avez votre site connecté :)

Vraiment facile et rapide, n'est-ce pas ?

Mode Manuel : tout d'abord, vous devez créer une application Google Dev pour la connecter à votre site, pour cela, allez ici et créez un Projet.

Ensuite, sélectionnez le nom du projet et l'emplacement.

S'il s'agit de la première fois que vous utilisez l'API Google Drive, allez dans APIs & Services > Bibliothèque, recherchez l'API Google Drive et cliquez sur Activer.

Maintenant que vous avez activé ceci, créons les clés pour connecter votre site WordPress, allez dans le menu de gauche à nouveau et cliquez sur API & Services > Identifiants.

Cliquez sur + Créer des informations d'identification > ID client OAuth, si cela vous est demandé, veuillez ajouter un nom à votre écran de consentement OAuth.

Sur l'application, vous pouvez sélectionner Application Web, et ajouter un nom de votre choix, pour les autres paramètres utilisez les suivants :

• Origine JavaScript autorisée : https://votre-domaine.com (remplacez par votre nom de domaine, sans slash final)
• URIs de redirection autorisées : https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
  (remplacer par votre nom de domaine)

Veuillez garder à l'esprit que si cet avertissement apparaît : "Pour créer un ID client OAuth, vous devez d'abord définir un nom de produit sur l'écran de consentement", vous devez cliquer sur le bouton Configurer l'écran de consentement ou aller à APIs & Services >> Écran de consentement OAuth, puis ajouter votre nom de domaine dans les domaines autorisés.

Tout d'abord, vous devez sélectionner un Type d'utilisateur.

Vous pouvez choisir entre :

• Interne : votre application est limitée aux utilisateurs G Suite au sein de votre organisation.
• Externe : votre application sera disponible pour tout utilisateur avec un compte Google.
  

Pour finir, allez dans Paramètres > WP Media Folder > Cloud > Google Drive, et sélectionnez le mode manuel, sur cet écran, vous verrez l'option pour ajouter le secret client et l'ID client, donc en gros, collez-les ici et cliquez sur Connecter Google Drive.

Autoriser WP Media Folder à accéder à l'APP et c'est tout ! Vous aurez le compte Google connecté !

Créons des galeries cloud WordPress

Maintenant que nous avons connecté Google Drive à notre bibliothèque de médias, la connexion fonctionnera vraiment simplement, elle générera un dossier racine dans votre compte Google Drive et tous les médias/dossiers ajoutés ici apparaîtront dans votre bibliothèque de médias sous les dossiers Google Drive, et tous les médias/dossiers ajoutés à votre bibliothèque de médias ajoutés sous les dossiers Google Drive apparaîtront sur votre compte Google Drive.

Ainsi, commençons par la création de la galerie, pour cela, allez dans votre Bibliothèque de médias > Google Drive et vous pouvez ajouter un nouveau dossier pour garder les choses organisées, par exemple, nous en ajoutons un nouveau appelé Galerie à utiliser dans ce tutoriel.

Téléversez les images ici et vous les verrez reflétées sur Google Drive.

Et procédons à la partie la plus amusante, créez les galeries ! Pour cela, allez à Article/Page > Ajouter nouveau (Ou modifiez-en un déjà créé).

Nous utiliserons l'éditeur Gutenberg pour ce cas, mais vous pouvez utiliser n'importe quel autre constructeur de page, car ils sont tous compatibles avec WP Media Folder ;)

Maintenant que nous sommes ici, cliquez sur + > WP Media Folder Galerie.

Cela vous montrera tous les dossiers disponibles, y compris ceux de Google Drive, nous sélectionnerons celui que nous avons créé appelé Galerie, puis cliquer sur Créer la galerie.

Vous verrez un aperçu du thème, vous pouvez le modifier dans le panneau de droite.

Aperçus de thème :

Défaut

Masonry

Portefeuille

Curseur

Comme vous pouvez le voir, c'est aussi simple que de sélectionner les images, le thème et de le publier, il existe d'autres options pour que vous puissiez ajuster les galeries comme vous le souhaitez, comme l'ordre, l'action au clic et la taille de la Lightbox.

Vous pouvez confirmer sur votre serveur que les images n'existeront pas car elles sont uniquement hébergées sur Google Drive ;)

Utilisation de l'extension Galerie pour créer des galeries professionnelles

L'autre option lorsque vous souhaitez créer des galeries consiste à utiliser le Module de galerie, ce module génial vous offre davantage de thèmes de galerie et d'options pour les modifier avec une interface pour les personnaliser avant leur publication.

Vous pouvez le trouver en allant à Média > Galeries de dossiers de médias, sur cet écran, cliquez sur + Ajouter une nouvelle galerie et configurez les options de la galerie, vous pouvez sélectionner un nom pour la galerie et également sélectionner le thème de la galerie que vous allez utiliser.

Choisissez le nom, le niveau de la galerie et le thème de la galerie, puis cliquez sur Créer.

Maintenant, ici, vous pouvez voir toutes les options disponibles pour ajouter des images. Pour ce cas, où nous allons utiliser le module complémentaire Google Drive, sélectionnez l'icône WordPress.

Cela ouvrira la bibliothèque de médias, nous allons sélectionner le dossier Google Drive que nous avons créé précédemment, dans ce cas, appelé Galerie, et sélectionner toutes les images que vous souhaitez ajouter à la galerie, enfin, cliquez sur Importer.

Vous verrez les images sur cet écran afin de pouvoir les réorganiser, définir une image comme couverture ou modifier les paramètres d'une image spécifique, comme le nom alternatif et le titre :)

Alors maintenant, tout ce que nous avons à faire est de choisir la galerie, de l'ajuster pour qu'elle corresponde à votre contenu, de confirmer votre galerie avec l'aperçu et de l'enregistrer !

Sur les Paramètres d'affichage & Code court, vous pouvez définir :

• Thème
• Taille de l'image de la galerie
• Taille de la lightbox
• Action au clic(ouvrir une nouvelle page ou une lightbox)
• Colonnes
• Ordre
• Paramètres de navigation(comme la taille des boutons)

Vous pouvez également copier le shortcode à partir de cet écran si vous souhaitez l'utiliser à la place du bloc prédéfini pour chaque constructeur de page.

Maintenant, la dernière étape consiste à prévisualiser la galerie pour confirmer que tout est correct, cela peut être fait dans le troisième onglet appelé Aperçu.

Les thèmes supplémentaires disponibles avec l'extension sont les suivants :

Diapositive fluide

Grille Carrée

Matériel

Maintenant que vous avez sélectionné le thème et terminé la configuration, vous pouvez procéder à la publication de la galerie. Pour cela, allez sur votre Publication/Page et modifiez-la, pour l'éditeur Gutenberg, et cliquez sur + > Module complémentaire Galerie WPMF.

Cliquez sur Sélectionner ou Créer une Galerie, cela chargera le tableau de bord du module complémentaire de galerie afin que vous puissiez sélectionner la galerie ou également en créer une nouvelle directement à partir de là, vérifiez la prévisualisation puis cliquez sur Insérer.

Alors maintenant, insérez votre galerie et enfin, publiez-la ! Comme vous pouvez le voir, le module complémentaire de galerie vous offre plus de possibilités que les galeries normales, c'est comme passer au niveau supérieur :)

Créez votre première galerie Google Drive dans WordPress

Vous économisez de l'espace serveur en tirant parti de Google Drive pour les galeries WordPress et en créant un flux de travail média plus efficace et organisé. WP Media Folder offre une option facile et flexible pour créer des galeries directement connectées à Google Drive, avec des thèmes attractifs et des contrôles d'affichage, et des fonctionnalités telles que l'ajout de vidéos distantes à partir de services de streaming!

Alors, êtes-vous prêt à faire passer votre site web au niveau supérieur ? Créez votre première galerie dans WordPress avec Google Drive dès aujourd'hui et profitez d'une expérience de gestion de médias plus simple et plus professionnelle !