So erstellen Sie WordPress-Galerien mit Google Drive-Medien

Wir werden uns eine praktische Möglichkeit ansehen, WordPress-Galerien mit Google Drive zu erstellen, die mit WP Media Folder völlig möglich ist, wodurch Sie direkt von Google Drive aus auf Medien zugreifen können, ohne Ihren Serverplatz zu beanspruchen.

Verbindung von Google Drive mit Ihrer Website

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

Nachdem wir 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, die wir nun erklären werden.

Um mit der Einrichtung zu beginnen, gehen Sie zu Einstellungen > WP Media Folder > Cloud > Google Drive. Hier können Sie den Laufwerktyp auswählen:

• Persönliches Laufwerk: Ihr persönliches Konto.
• Freigegebener Speicher: Ihr Gsuite-Konto.

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

• Öffentlicher Link: Erstellen Sie einen öffentlich zugänglichen Link für Ihre Dateien und weisen Sie die entsprechenden Rechte auf den Cloud-Dateien zu (geteilter Link). Z.B.: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• Privater Link: AJAX-Link, versteckt den Cloud-Link, um die ursprünglichen Zugriffsrechte Ihrer Datei beizubehalten (Benutzer benötigen eine Anmeldung, um die Bilder anzuzeigen). Z.B.: https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

Und dann fahren Sie mit der Verbindung fort:

Verbinden Sie zunächst Ihr Joomunited-Konto unter Menu Einstellungen > Allgemein, bitte klicken Sie auf den WordPress-Einstellungen-Link, wenn Sie noch nicht verbunden sind.

Nachdem Sie dies getan haben, gehen Sie zurück zu Einstellungen > WP Media Folder > Cloud > Google Drive, wählen Sie den automatischen Modus und klicken Sie dann auf Verbinden Google Drive.

Folgen Sie den Schritten, um Ihr Google-Konto zu verbinden, und das war's, Ihre Website ist verbunden :)

Wirklich einfach und schnell, nicht wahr?

Manueller Modus: Zuerst müssen Sie die Google Dev APP erstellen, um sie mit Ihrer Seite zu verbinden. Gehen Sie dazu hierher und erstellen Sie ein Projekt erstellen.

Wählen Sie dann den Projektnamen und den Speicherort.

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

Nachdem Sie es aktiviert haben, erstellen Sie die Schlüssel, um Ihre WordPress-Website zu verbinden. Gehen Sie erneut zum linken Menü und klicken Sie auf API & Dienste > Anmeldeinformationen.

Klicken Sie auf + Anmeldeinformationen erstellen > OAuth-Client-ID, wenn danach gefragt wird, 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. Verwenden Sie für die anderen Parameter Folgendes:

• Authorisierter JavaScript-Ursprung: https://your-domain.com (ersetzen Sie durch Ihren Domänennamen ohne abschließenden Schrägstrich)
• Berechtigte Umleitungs-URIs: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
  (durch Ihre Domain ersetzen)

Bitte beachten Sie, dass wenn diese Warnung erscheint: "Um eine OAuth-Client-ID zu erstellen, müssen Sie zuerst einen Produktnamen auf dem Zustimmungsbildschirm festlegen", sollten Sie auf die Schaltfläche Zustimmungsbildschirm konfigurieren klicken oder zu APIs & Dienste >> OAuth-Zustimmungsbildschirm gehen und dann Ihren Domainnamen bei Autorisierte Domains hinzufügen.

Zuerst müssen Sie einen Benutzertyp auswählen.

Sie können zwischen Folgendem wählen:

• Intern: Ihre App ist auf G-Suite-Benutzer innerhalb Ihrer Organisation beschränkt.
• Extern: Ihre App ist für jeden Benutzer mit einem Google-Konto verfügbar.
  

Gehen Sie als letzten Schritt zu Einstellungen > WP Media Folder > Cloud > Google Drive, und wählen Sie den manuellen Modus. Auf diesem Bildschirm sehen Sie die Option zum Hinzufügen des Client Secret und der Client-ID. Fügen Sie sie dort ein und klicken Sie auf Google Drive verbinden.

Erlauben Sie WP Media Folder, auf die APP zuzugreifen und das war's! Sie werden das Google-Konto verbunden haben!

Lassen Sie uns WordPress-Cloud-Galerien erstellen

Nachdem wir Google Drive mit unserer Medienbibliothek verbunden haben, wird die Verbindung wirklich einfach funktionieren, sie wird einen Stammordner in Ihrem Google Drive-Konto erstellen und alle Medien/Ordner, die dort hinzugefügt werden, werden in Ihrer Medienbibliothek unter den Google Drive-Ordnern erscheinen, und alle Medien/Ordner, die Ihrer Medienbibliothek hinzugefügt und unter den Google Drive-Ordnern hinzugefügt wurden, werden in Ihrem Google Drive-Konto erscheinen.

Fangen wir also mit der Erstellung der Galerie an, gehen Sie hierzu zu Medienbibliothek > Google Drive und Sie können einen neuen Ordner hinzufügen, um die Dinge ordentlich zu halten, zum Beispiel fügen wir einen neuen Ordner namens Galerie für dieses Tutorial hinzu.

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

Und jetzt kommt der lustigste Teil: Erstellen Sie die Gallerien! Gehen Sie dazu zu Beitrag/Seite > Neu hinzufügen (oder bearbeiten Sie eine bereits erstellte Seite).

Wir werden für diesen Fall den Gutenberg Editor verwenden, aber Sie können auch jeden anderen Page Builder verwenden, da alle mit WP Media Folder kompatibel sind ;)

Jetzt, da wir hier sind, klicken Sie auf + > WP Media Folder Galerie.

Dies zeigt Ihnen alle verfügbaren Ordner, einschließlich derer von Google Drive. Wir wählen den Ordner, den wir erstellt haben und der Galerie heißt, und klicken dann auf Galerie erstellen.

Sie sehen eine Vorschau des Themes, Sie können es im rechten Panel ändern.

Vorschau der Themes:

Standard

Masonry

Portfolio

Schieberegler

Wie Sie sehen, ist es so einfach wie die Auswahl der Bilder, des Themas und der Veröffentlichung. Es gibt andere Optionen, mit denen Sie die Galerien anpassen können, wie 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 sie nur auf Google Drive gehostet werden ;)

Verwenden des Galerie-Addons zum Erstellen professioneller Galerien

Die andere Option, wenn Sie Galerien erstellen möchten, ist die Verwendung des Galerie-Addons. Dieses großartige Addon bietet Ihnen weitere Galerthemen und Optionen, um sie mit einer Schnittstelle zu bearbeiten, bevor sie veröffentlicht werden.

Sie finden es, indem Sie zu Medien > Medienordner-Galerien gehen, auf diesem Bildschirm klicken Sie auf +Neue Galerie hinzufügen und richten die Galerieoptionen ein. Sie können einen Namen für die Galerie auswählen und auch das Galerie-Thema auswählen, das Sie verwenden werden.

Wählen Sie den Namen, die Galerieebene und das Galerie-Theme und klicken Sie dann auf Erstellen

Hier können Sie nun alle verfügbaren Optionen zum Hinzufügen von Bildern sehen. Wählen Sie für diesen Fall, in dem wir das Google Drive-Addon verwenden werden, das WordPress-Icon.

Dies öffnet die Medienbibliothek. Wir werden den Google Drive-Ordner auswählen, den wir zuvor erstellt haben, in diesem Fall Galerie genannt, und alle Bilder auswählen, die Sie der Galerie hinzufügen möchten. Klicken Sie abschließend auf Importieren.

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

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

Unter Anzeige-Einstellungen & Shortcode können Sie Folgendes einstellen:

• Thema
• Größe der Galerie-Bilder
• Lightbox-Größe
• Aktion beim Klicken (neue Seite oder Lightbox öffnen)
• Spalten
• Reihenfolge
• Navigationseinstellungen (wie die Schaltfläche und die Größe der Schaltflächen)

Sie können auch den Shortcode 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, die Galerie in der Vorschau anzuzeigen, um zu bestätigen, dass alles in Ordnung ist. Dies kann im dritten Tab namens Vorschau durchgeführt werden.

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

Fließende Folie

Quadratisches Raster

Material

Nun, da Sie das Theme ausgewählt und die Einrichtung abgeschlossen haben, können Sie mit der Veröffentlichung der Galerie fortfahren. Gehen Sie hierzu zu Ihrem Beitrag/Seite und bearbeiten Sie ihn für den Gutenberg-Editor. Klicken Sie dann auf + > WPMF-Galerie-Addon.

Klicken Sie auf Galerie auswählen oder erstellen. Dadurch wird das Galerie-Addon-Dashboard geladen, sodass Sie die Galerie auswählen oder auch direkt eine neue erstellen können. Überprüfen Sie die Vorschau und klicken Sie dann auf Einfügen

Jetzt fügen Sie Ihre Galerie ein und veröffentlichen sie schließlich! Wie Sie sehen, bietet das Gallery Addon Ihnen mehr Möglichkeiten als die normalen Galerien, es ist wie ein Schritt auf die nächste Ebene :)

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 Medienworkflow erstellen. WP Media Folder bietet eine einfache und flexible Möglichkeit, Galerien direkt mit Google Drive zu verbinden, mit attraktiven Themen und Anzeigesteuerungen sowie Funktionen wie Hinzufügen von Remote-Videos von Stream-Diensten!

Sind Sie also bereit, Ihre Website auf die nächste Stufe zu heben? Erstellen Sie heute Ihre erste Galerie in WordPress mit Google Drive und genießen Sie ein einfacheres und professionelleres Mediengestaltungserlebnis!