So erstellen Sie WordPress-Galerien mit Google Drive-Medien

Wir werfen einen Blick auf eine praktische Möglichkeit, WordPress-Galerien mit Google Drive zu erstellen, die mit WP Media Folder und Ihnen den direkten Zugriff auf Medien von Google Drive ermöglicht, ohne Ihren Serverplatz zu beanspruchen.

Verbinden Sie Google Drive mit Ihrer Website

Der erste Schritt in diesem Tutorial besteht darin, Google Drive mit Ihrer Site zu verbinden, und Sie werden sehen, wie einfach es ist. Zunächst benötigen Sie das Cloud Addon von WP Media Folder , mit dem Sie Ihre Site verbinden können Google Drive.

WP Media Folder und das Cloud Addon installiert haben können wir mit der Einrichtung beginnen, dafür gibt es zwei Optionen, Manuell und Automatisch , also lassen Sie uns sie erklären.

Um die Einrichtung zu starten, gehen Sie zu Einstellungen > WP Media Folder > Cloud > Google Drive . Hier können Sie den Laufwerkstyp :

• Persönliches Laufwerk : Ihr persönliches Konto.
• Geteilte Ablage : Ihr Gsuite-Konto.

Wählen Sie dann den Linktyp für Ihre Bilder aus:

• Öffentlicher Link : Generieren Sie einen öffentlich zugänglichen Link für Ihre Dateien und beeinflussen Sie die entsprechenden Rechte an den Cloud-Dateien (Freigegebener Link). Beispiel: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• Privater Link : AJAX-Link. Blenden Sie den Cloud-Link aus, um das ursprüngliche Zugriffsrecht für Ihre Datei beizubehalten (Benutzer benötigen eine Anmeldung, um die Bilder anzuzeigen).
  Beispiel: https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

Fahren Sie dann mit der Verbindung fort:

Um diese Funktion nutzen zu können, müssen Sie zunächst Ihr Joomunited-Konto unter Menü „ Einstellungen“ > „Allgemein“ . Klicken Sie bitte auf den Link „WordPress-Einstellungen“, wenn Sie noch keine Verbindung hergestellt haben.

Gehen Sie danach zurück zu Settings > WP Media Folder > Cloud > Google Drive , wählen Sie Automatic Mode und dann Connect Google Drive .

Befolgen Sie die Schritte, um Ihr Google-Konto zu verbinden, und das ist alles, Sie haben Ihre Website verbunden :)

Wirklich einfach und schnell, nicht wahr?

Manueller Modus : Zuerst müssen Sie die Google Dev APP erstellen, um sie mit Ihrer Site zu verbinden. Gehen Sie dazu hier und erstellen Sie ein Create Project .

Wählen Sie dann den Projektnamen und den Speicherort aus.

Wenn Sie die Google Drive API , gehen Sie zu APIs & Dienste > Bibliothek , suchen Sie nach der Google Drive API und klicken Sie auf Aktivieren .

Nachdem Sie es nun aktiviert haben, erstellen wir die Schlüssel zum Verbinden Ihrer WordPress-Site. Gehen Sie erneut zum linken Menü und klicken Sie auf API & Dienste > Anmeldeinformationen .

Klicken Sie auf + Anmeldeinformationen erstellen > OAuth-Client-ID . Wenn Sie danach gefragt werden, fügen Sie bitte einen Namen zu Ihrem OAuth-Zustimmungsbildschirm hinzu.

Bei der Anwendung können Sie Webanwendung auswählen und einen Namen Ihrer Wahl hinzufügen, für die anderen Parameter verwenden Sie Folgendes:

• Autorisierter JavaScript-Ursprung : https://your-domain.com (ersetzen Sie durch Ihren Domainnamen, ohne nachgestellten Schrägstrich)
• Autorisierte Weiterleitungs-URIs : https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
  (durch Ihren Domainnamen ersetzen)

Bitte denken Sie daran, dass Sie bei dieser Warnung: "Um eine OAuth-Client-ID zu erstellen, müssen Sie zuerst einen Produktnamen auf dem Zustimmungsbildschirm festlegen" auf die Schaltfläche Zustimmungsbildschirm konfigurieren klicken oder zu APIs & Dienste >> OAuth-Zustimmungsbildschirm gehen. Fügen Sie dann Ihren Domainnamen unter Autorisierte Domains hinzu.

Zuerst müssen Sie einen Benutzertyp .

Sie können wählen zwischen:

• Intern : Ihre App ist auf G Suite-Nutzer innerhalb Ihrer Organisation beschränkt.
• Extern : Ihre App steht jedem Benutzer mit einem Google-Konto zur Verfügung.
  

als letzten Schritt zu Einstellungen > WP Media Folder > Cloud > Google Drive und wählen Sie den manuellen Modus aus. In diesem Bildschirm sehen Sie die Option zum Hinzufügen des Client-Geheimnisses und der Client-ID, also im Grunde, vorbei an ihnen und klicken Sie darauf auf Google Drive verbinden .

Erlauben Sie WP Media Folder den Zugriff auf die APP und das ist alles! Sie haben das Google-Konto verbunden!

Lassen Sie uns WordPress Cloud-Galerien erstellen

Nachdem wir Google Drive mit unserer Medienbibliothek verbunden haben, funktioniert die Verbindung ganz einfach, es wird ein Stammordner in Ihrem Google Drive-Konto erstellt und alle dort hinzugefügten Medien / Ordner werden in Ihrer Medienbibliothek unter den Google Drive-Ordnern angezeigt. und alle Medien/Ordner, die zu Ihrer Medienbibliothek hinzugefügt wurden, die unter den Google Drive-Ordnern hinzugefügt wurden, werden in Ihrem Google Drive-Konto angezeigt.

Beginnen wir also mit der Erstellung der Galerie. Gehen Sie dazu zu Ihrer Medienbibliothek > Google Drive und fügen Sie einen neuen Ordner hinzu, um die Dinge organisiert zu halten. Wir fügen beispielsweise einen neuen Ordner mit dem Namen „ Galerie“ , um ihn in diesem Tutorial zu verwenden.

Laden Sie die Bilder dort hoch und Sie werden sie auf Google Drive sehen.

Und lasst uns mit dem lustigsten Teil fortfahren: der Erstellung der Galerien! Gehen Sie dazu zu Beitrag/Seite > Neu hinzufügen (oder bearbeiten Sie einen bereits erstellten Beitrag).

Wir werden in diesem Fall den Gutenberg Editor verwenden, aber Sie können jeden anderen Page Builder verwenden, da alle mit WP Media Folder kompatibel sind;)

Nun, da wir hier sind, klicken Sie auf + > WP Media Folder Gallery .

Dadurch werden alle verfügbaren Ordner angezeigt, einschließlich der von Google Drive. Wir wählen den von uns erstellten Ordner mit dem Namen Galerie aus und klicken dann auf Galerie erstellen .

Sie sehen eine Vorschau des Themas, Sie können es im rechten Bereich ändern.

Themenvorschauen:

Standard

Masonry

Portfolio

Schieberegler

Wie Sie sehen, ist es so einfach, die Bilder und das Thema auszuwählen und zu veröffentlichen. Es gibt andere Optionen, mit denen Sie die Galerien nach Ihren Wünschen anpassen können, z. B. die Reihenfolge, die Aktion beim Klicken und die Lightbox-Größe.

Sie können auf Ihrem Server bestätigen, dass die Bilder nicht vorhanden sind, da diese nur auf Google Drive ;)

Verwenden des Galerie-Add-ons zum Erstellen professioneller Galerien

Die andere Option, wenn Sie Galerien erstellen möchten, ist die Verwendung des Galerie-Addons . Dieses fantastische Add-on bietet Ihnen mehr Galerie-Themen und Optionen, um sie mit einer Benutzeroberfläche zu bearbeiten, um sie vor der Veröffentlichung anzupassen.

Sie finden es, indem Sie zu Medien > Medienordner-Galerien . Klicken Sie auf diesem Bildschirm auf + Neue Galerie hinzufügen und richten Sie die Galerieoptionen ein. Sie können einen Namen für die Galerie auswählen und auch das gewünschte Galeriethema auswählen benutzen.

Wählen Sie den Namen, die Galerieebene und das Galeriethema und klicken Sie dann auf Erstellen .

Hier sehen Sie nun alle verfügbaren Optionen zum Hinzufügen von Bildern. Wählen Sie in diesem Fall, in dem wir das Google Drive-Add-on verwenden, das WordPress-Symbol aus.

Dadurch wird die Medienbibliothek geöffnet . Wir wählen den zuvor erstellten Google Drive-Ordner aus, in diesem Fall Galerie , und wählen alle Bilder aus, die Sie der Galerie hinzufügen möchten, und klicken Sie schließlich auf Importieren .

Sie sehen die Bilder auf diesem Bildschirm, damit Sie sie neu anordnen, ein Bild als Cover festlegen oder die Einstellungen für ein bestimmtes Bild ändern können, z. B. den Alternativnamen und den Titel :)

Jetzt müssen wir nur noch die Galerie auswählen, sie an Ihren Inhalt anpassen, Ihre Galerie mit der Vorschau bestätigen und speichern!

In den Anzeigeeinstellungen und dem Shortcode können Sie Folgendes festlegen:

• Thema
• Galeriebildgröße
• Leuchtkastengröße
• Aktion beim Klicken (Öffnen einer neuen Seite oder einer Lightbox)
• Säulen
• Befehl
• Navigationseinstellungen (wie Schaltfläche und Schaltflächengröße)

Sie können den Shortcode auch von diesem Bildschirm kopieren, wenn Sie ihn anstelle des vordefinierten Blocks für jeden Page Builder verwenden möchten.

Der letzte Schritt besteht nun darin, eine Vorschau der Galerie anzuzeigen, um zu bestätigen, dass alles in Ordnung ist. Dies kann im dritten Tab namens Vorschau erfolgen .

Die zusätzlichen verfügbaren Themes mit dem Addon sind die folgenden:

Fließrutsche

Quadratisches Raster

Material

Nachdem Sie nun das Thema ausgewählt und die Einrichtung abgeschlossen haben, können Sie mit der Veröffentlichung der Galerie fortfahren. Gehen Sie dazu zu Ihrem Beitrag/Ihrer Seite und bearbeiten Sie ihn für den Gutenberg-Editor und klicken Sie auf + > WPMF Gallery Addon.

Klicken Sie auf Galerie auswählen oder erstellen , um das Galerie-Addon-Dashboard zu laden, sodass Sie die Galerie auswählen oder auch direkt von dort eine neue erstellen können, die Vorschau überprüfen und dann auf Einfügen klicken .

Fügen Sie nun Ihre Galerie ein und veröffentlichen Sie sie schließlich! Wie Sie sehen, bietet Ihnen das Gallery Addon mehr Möglichkeiten als die normalen Galerien, also gehen Sie zum nächsten Level :)

Erstellen Sie Ihre erste Google Drive-Galerie in WordPress

Sie sparen Serverplatz, indem Sie Google Drive für WordPress-Galerien nutzen und einen effizienteren und organisierteren Medien-Workflow erstellen. WP Media Folder bietet eine einfache und flexible Option zum Erstellen von Galerien, die direkt mit Google Drive verbunden sind, mit attraktiven Themen und Anzeigesteuerungen sowie Funktionen wie dem Hinzufügen von Remote-Videos von Stream-Diensten !

Sind Sie bereit, Ihre Website auf die nächste Stufe zu heben? Erstellen Sie noch heute Ihre erste Galerie in WordPress mit Google Drive und genießen Sie eine einfachere und professionellere Medienverwaltung!