So erstellen Sie WordPress-Galerien mit Google Drive-Medien

Wir schauen uns eine praktische Möglichkeit an, WordPress-Galerien mithilfe von Google Drive zu erstellen, die mit WP Media Folder. Damit können Sie direkt von Google Drive auf Medien zugreifen, ohne Speicherplatz auf Ihrem Server zu belegen.

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 Folderund das Cloud-Addon , können wir mit der Einrichtung beginnen. Hierfür gibt es zwei Optionen: Manuell und Automatisch. Lassen Sie uns diese erläutern.

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.
• 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, der den Cloud-Link ausblendet, um die ursprünglichen Zugriffsrechte Ihrer Datei zu erhalten (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

Und dann fahren Sie mit der Verbindung fort:

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

Anschließend gehen Sie zurück zu Einstellungen > WP Media Folder > Cloud > Google Drive, wählen Sie den automatischen Modusund dann 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, gehen Sie zu APIs & Dienste > Bibliothek, suchen Sie die Google Drive API und klicken Sie auf Aktivieren.

Nachdem Sie dies nun aktiviert haben, erstellen wir die Schlüssel zur Verbindung Ihrer WordPress-Website. Gehen Sie dazu erneut zum linken Menü und klicken Sie auf API & Services > Anmeldeinformationen.

Klicken Sie auf + Anmeldeinformationen erstellen > OAuth-Client-ID. Falls Sie dazu aufgefordert werden, geben Sie bitte einen Namen für Ihren OAuth-Zustimmungsbildschirm ein.

Bei der Anwendung können Sie Webanwendungauswä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)
• Autorisierte Weiterleitungs-URIs: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
  (ersetzen Sie dies durch Ihren Domainnamen)

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.

Als Erstes müssen Sie einen Benutzertyp.

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.
  

Als letzten Schritt gehen Sie zu Einstellungen > WP Media Folder > Cloud > Google Driveund wählen den manuellen Modus. Auf diesem Bildschirm sehen Sie die Option, den Client-Schlüssel und die Client-ID hinzuzufügen. Fügen Sie diese einfach dort ein und klicken Sie auf Google Drive verbinden.

Erlauben Sie WP Media Folder den Zugriff auf die App, und das war's! Ihr Google-Konto ist nun verbunden!

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.

Beginnen wir also mit der Erstellung der Galerie. Gehen Sie dazu in Ihre Medienbibliothek > Google Drive und fügen Sie einen neuen Ordner hinzu, um die Dateien übersichtlich zu halten. „Galerie“ In diesem Tutorial verwenden

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

Und nun zum lustigsten Teil: Erstellen Sie die Galerien! Gehen Sie dazu auf Beitrag/Seite > Neu hinzufügen (oder bearbeiten Sie eine bereits erstellte Galerie).

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, wo wir hier sind, klicken Sie auf + > WP Media Folder Gallery.

Dies zeigt Ihnen alle verfügbaren Ordner, einschließlich derer von Google Drive. Wir wählen den Ordner, den wir erstellt haben und der Galerieheiß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 überprüfen, ob die Bilder vorhanden sind, da diese nur auf Google Drive ;)

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 die Galerie unter Medien > Medienordnergalerien. 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.

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 Galeriegenannt, 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 „Anzeigeeinstellungen & Shortcode“können Sie Folgendes festlegen:

• 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 Vorschaudurchgeführt werden.

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

Fließende Folie

Quadratisches Raster

Material

Nachdem Sie das Design 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 diese im Gutenberg-Editor. Klicken Sie anschließend auf + > WPMF Gallery 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!