Zum Hauptinhalt springen
9 Minuten Lesezeit (1796 Wörter)

So erstellen Sie WordPress-Galerien mit Google Drive-Medien

JU_NEWS_google-drive-media-

Galerien sind einer der wichtigsten Teile einer Website, da dies die professionellste Art ist, Ihre Medien zu zeigen und Ihren Benutzern ein gutes visuelles Erlebnis beim Besuch Ihrer Website zu ermöglichen. Es ist bekannt, dass es zu viele Möglichkeiten gibt, Galerien zu erstellen, z wie die Verwendung eines Plugins, aber wie wäre es, wenn Sie sie direkt aus der Cloud bereitstellen? Lassen Sie mich Ihnen sagen, dass es mit WP Media Folder und Sie werden in diesem Beitrag sehen, wie das geht;)

 Verbinden Sie Google Drive mit WordPress im Video

Verabschieden Sie sich von der unordentlichen Medienbibliothek.

WP Media Folder können Sie Dateien kategorisieren, Ordner mit Cloud-Speicher synchronisieren, beeindruckende Galerien erstellen und sogar Bilder ersetzen, ohne Links zu unterbrechen.
Optimieren Sie noch heute Ihren Medien-Workflow

Holen Sie sich jetzt den Stecker

 Google Drive mit Ihrer Website verbinden


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, verstecken Sie den Cloud-Link, um das ursprüngliche Zugriffsrecht auf Ihre Datei zu behalten (Benutzer benötigen ein Login, 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 verknüpfen. Bitte klicken Sie auf den Link WordPress-Einstellungen, falls 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 aktiviert haben, erstellen wir die Schlüssel zum Verbinden Ihrer WordPress-Site. Gehen Sie erneut zum linken Menü und klicken Sie auf API & Services > Credentials .



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 Umleitungs-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.
Nachdem Sie es ausgewählt haben, können Sie zum anderen Bildschirm zurückkehren, auf dem Sie den Anwendungstyp haben, um die Einrichtung abzuschließen, und fertig! Sie haben die ID und Geheimnis , um die WP Media Folder abzuschließen :)


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 Galerieerstellung. Gehen Sie dazu zu Ihrer Medienbibliothek> Google Drive , und Sie können einen neuen Ordner hinzufügen, um die Dinge zu organisieren. Zum Beispiel fügen wir einen neuen Ordner namens Galerie in diesem Tutorial verwenden können.

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



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

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 existieren, da diese nur auf Google Drive ;)


 Mit dem Galerie-Addon professionelle Galerien erstellen


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, 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 also nur noch die Galerie auswählen, an Ihre Inhalte anpassen, Ihre Galerie mit der Vorschau bestätigen und speichern!

In den Anzeigeeinstellungen & Shortcode können Sie Folgendes festlegen:

  • Thema
  • Galeriebildgröße
  • Größe des Leuchtkastens
  • Aktion beim Klicken (Öffnen einer neuen Seite oder einer Lightbox)
  • Säulen
  • Auftrag
  • 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 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 sie 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 :)


Aufruf an alle Webmaster!

Sparen Sie Zeit und steigern Sie die Produktivität mit WP Media Folder . Organisieren Sie mühelos Client-Mediendateien, erstellen Sie benutzerdefinierte Galerien und sorgen Sie für ein nahtloses Benutzererlebnis.
Aktualisieren Sie jetzt Ihre Website-Projekte!

Holen Sie sich jetzt den Stecker

 Erstellen Sie Ihre erste Google Drive Galleri in WordPress

WP Media Folder bietet . Es gibt noch viele andere, wie das Hinzufügen von Remote-Videos von Stream-Diensten!

Wie Sie im Beitrag sehen konnten, ist es ein wirklich einfach zu bedienender und nützlicher Beitrag, um mit Ihrer Website auf die nächste Ebene zu gelangen! Also, worauf wartest Du? Gehen Sie hier hin und sichern Sie sich jetzt Ihre Mitgliedschaft!

1
Bleib informiert

Wenn Sie den Blog abonnieren, senden wir Ihnen eine E-Mail, wenn es neue Updates auf der Website gibt, damit Sie sie nicht verpassen.

zusammenhängende Posts

 

Bemerkungen

Noch keine Kommentare abgegeben. Geben Sie als Erster einen Kommentar ab
Bereits registriert? Hier anmelden
Donnerstag, 28. März 2024

CAPTCHA Bild