Erstellen Sie atemberaubende Galerien mit dem besten Galerie-Manager für Elementor

Page Builder und Galerien sind die wichtigsten Funktionen für WordPress-Websites, da Galerien es ermöglichen, Bilder/Produkte ansprechend zu präsentieren, und Page Builder es ermöglichen, Inhalte professionell zu erstellen und Ihrer Seite hinzuzufügen.

Page-Builder wie Elementor bieten zwar in der Regel Werkzeuge/Blöcke zum Erstellen von Galerien, diese sind aber nicht optimal, da sie nur wenige Anpassungsmöglichkeiten bieten. Keine Sorge, WP Media Folder hilft Ihnen dabei ;)

WP Media Folder bietet Ihnen ein Galerie-Add-on, mit dem Sie Ihre Galerien mithilfe spektakulärer Tools und Funktionen erstellen und individuell gestalten können.

In diesem Beitrag zeigen wir Ihnen, wie Sie diese mit Elementor , Google Fotos und Ihren Cloud-Ordnern . Los geht's!

Galerien mit Widget für Elementor in Video

Einrichten der WordPress-Google-Fotos-Integration

Zunächst möchte ich Ihnen die Plugins vorstellen, die wir für dieses Tutorial verwenden: Elementor, WP Media Folderund die beiden Pro-Add-ons (eines für Galerien und das andere für die Cloud-Anbindung).

Jetzt, wo wir das wissen, fangen wir an. Wir werden die Galerie aus Google Fotos erstellen. Dazu müssen wir unsere WordPress-Website mit unserem Google Fotos-Konto verbinden. Schauen wir uns an, wie das geht.

Als Erstes benötigen wir hierfür eine Google Dev App. Gehen Sie dazu hierher: https://console.developers.google.com/project und erstellen Sie ein neues Projekt.

Geben Sie dem Projekt einen Namen, Sie können einen beliebigen Namen hinzufügen.

Warten Sie nun einen Moment, bis das Projekt erstellt ist.

Photos Library API zum ersten Mal verwenden , müssen Sie sie aktivieren. Um sie zu aktivieren, gehen Sie im linken Menü auf „MarketPlace“

Geben Sie nun im Suchfeld „Photos Library API“ und suchen Sie danach.

Klicken Sie darauf und dann auf Aktivieren .

Nachdem die Funktion aktiviert wurde, klicken Sie im linken Menü auf „API und Dienste“ und gehen Sie in diesem Bereich zu „Anmeldeinformationen “.

Nachdem Sie nun hier sind, gehen Sie im oberen Bereich zu + Anmeldeinformationen erstellen > OAuth-Client-ID und fügen Sie gegebenenfalls Ihrem OAuth-Zustimmungsbildschirm einen Namen hinzu.

Richten Sie nun die Zugangsdaten wie folgt ein:

• Wählen Sie „Webanwendung“ und geben Sie einen Namen Ihrer Wahl ein.
• Autorisierter JavaScript-Ursprung: https://your-domain.com (ersetzen Sie dies durch Ihren Domainnamen ohne abschließenden Schrägstrich).
  
• Autorisierte Weiterleitungs-URIs: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

Beachten Sie, dass Google seine Richtlinien geändert hat. Sie müssen daher Ihre autorisierten Domains auf der Registerkarte „OAuth-Zustimmungsbildschirm“ > „App bearbeiten“ .

Klicken Sie im Abschnitt „Autorisierte Domains“ auf „+Domain hinzufügen“ und fügen Sie Ihre Domain hinzu.

Fügen Sie es auch dem „Domainverifizierung“ .

Fertig! Sie erhalten nun Ihre ID und Ihr Geheimnis, die Sie in der Konfiguration des WP Media Folderhinzufügen können

Verbinden wir nun Ihr Google Fotos-Konto mit Ihrer WordPress-Website. Gehen Sie dazu auf Einstellungen > WP Media Folder Registerkarte Google Fotos

Sie können den automatischen Modus verwenden, der am einfachsten ist, da Sie sich nur in Ihrem Google-Konto anmelden müssen. Wählen Sie dazu im "Verbindungsmodus" die Option "Automatisch" und anschließend "Google Fotos verbinden .

Es erscheint ein Pop-up-Fenster, klicken Sie auf „Zustimmen“ .

Im letzten Schritt müssen Sie sich in Ihr Google-Konto einloggen, die Berechtigungen erteilen und die Verbindung abschließen.

Das war's schon, wirklich einfach und schnell, nicht wahr? :)

Elementor + Galerie-Plugin, die beste Kombination

Nachdem die Verbindung hergestellt ist, gehen Sie zu Medien > Medienordnergalerien. Klicken Sie in diesem Abschnitt auf + Neue Galerie hinzufügen und geben Sie Ihrer neuen Galerie einen Namen. Für dieses Tutorial nennen wir sie Google P Gallery und verwenden die „Quadratisches Raster“ .

Jetzt stehen Ihnen alle Optionen zum Einrichten und Hinzufügen von Bildern zu Ihrer Galerie zur Verfügung. Sie sehen das Google Fotos- Logo, klicken Sie darauf.

Dadurch wird ein Popup mit allen in Ihrem Google Fotos-Konto verfügbaren Bildern geladen. Sie haben die Möglichkeit, mehrere Bilder aus einem Album oder ein komplettes Album auszuwählen. In diesem Tutorial wählen wir ein komplettes Album aus. Wählen Sie dazu das Album aus und klicken Sie dann auf Album importieren .

Sie erhalten eine Benachrichtigung über den Import des Albums.

Warten Sie ein paar Minuten, und fertig! Sie sehen dann alle hochgeladenen Bilder im Galerie-Dashboard und können alle gewünschten Änderungen vornehmen, z. B. eine neue Galerie auswählen.

Jetzt können Sie auf die „Anzeigeeinstellungen & Shortcode“ , um Ihre Galerie vollständig anzupassen. Dort finden Sie Einstellungen wie die Reihenfolge, die Anzahl der Spalten und die Aktion beim Klicken.

Nachdem Sie die Galerieeinstellungen abgeschlossen haben, klicken Sie auf Speichern . Anschließend können Sie zu der Seite/dem Beitrag gehen, dem Sie die Galerie hinzufügen möchten, und auf Mit Elementor bearbeiten , damit der Page Builder geladen wird.

Wählen Sie nun den Abschnitt aus, in dem Sie die Galerie hinzufügen möchten, und suchen Sie nach dem WP Media Folder Blöcke.

Wie Sie sehen können, stehen 4 Blöcke zur Verfügung. Für dieses Tutorial verwenden wir den Block WP Media Folder Gallery Addon“ . Dadurch wird das Galerie-Addon im Page Builder geladen.

Nachdem Sie den Block in den Abschnitt verschoben haben, sehen Sie eine Option zur Vorschau und auf der linken Seite die Option zur Auswahl einer Galerie. Wählen Sie die Galerie aus, die wir zuvor erstellt haben.

Im rechten Bereich sehen Sie die Vorschau der Galerie. Diese wird automatisch aktualisiert, sobald Sie im linken Bereich eine neue Option auswählen. Überprüfen Sie daher alles, vergewissern Sie sich, dass alles in Ordnung ist, und klicken Sie auf Veröffentlichen .

Das war's! Sie haben mit wenigen Klicks eine professionelle Galerie erstellt und diese direkt im Page Builder konfiguriert

Mit Elementor Google Drive-Galerien in WordPress erstellen

 Darüber hinaus werden wir sehen, wie man Galerien mit Bildern aus der Cloud erstellt, da WP Media Folder es Ihnen ermöglicht, Ihre Medienbibliothek mit Cloud-Diensten (Dropbox, Google Drive, OneDriveund AWS) zu verbinden.

In diesem Beispiel verwenden wir die Google Drive -Verbindung. Wie das geht, erfahren Sie hier . Sie werden feststellen, dass der Vorgang dem der Google Fotos-Verbindung sehr ähnlich ist.

Sobald dies eingerichtet ist und Sie die Google Drive-Ordner synchronisiert/erstellt haben, können Sie zu der Seite/dem Beitrag gehen, den Sie bearbeiten möchten, und auf „ Mit Elementor bearbeiten“ .

Suchen Sie im linken Bereich nach dem WP Media Folder und klicken Sie auf den WP Media Folder Gallery“ .

Klicken Sie nun im Abschnitt „Bilder hinzufügen“ auf das Pluszeichen (+

Dadurch öffnet sich ein Popup mit der Medienbibliothek. Wählen Sie den Cloud-Ordner aus, klicken Sie auf alle Bilder, die Sie hinzufügen möchten, und wählen Sie schließlich „ Neue Galerie erstellen“ > „Galerie einfügen“ .

Dadurch wird eine Galerie mit den Bildern direkt aus der Cloud erstellt. Nach dem Hinzufügen können Sie die Galerieeinstellungen im linken Bereich festlegen und die Galerievorschau im rechten Bereich überprüfen. So lässt sich die Galerie ganz einfach bearbeiten und sicherstellen, dass sie Ihren Wünschen entspricht

Mit WP Media Folderkönnen Sie jetzt ganz einfach Galerien mit Elementor erstellen und dabei auch noch Speicherplatz mit Google Drive sparen. Was will man mehr? :)

Nutzen Sie das beste WordPress-Galerie-Plugin!

In diesem Beitrag haben wir nur einige Funktionen von WP Media Folder . Wie Sie sehen, ist die Bedienung dadurch deutlich einfacher geworden – vor allem mit dem neuen Design und der neuen Benutzeroberfläche ! Worauf warten Sie also noch? Melden Sie sich hier an und sichern Sie sich Ihre Mitgliedschaft. Sie werden sehen, dass es neben den hier gezeigten Galerien noch viele weitere tolle Tools gibt.