So fügen Sie ein Flickr-Widget in WordPress hinzu (Der einfache Weg)

Möchten Sie Ihre Flickr-Fotos auf Ihrer WordPress-Website anzeigen?

WordPress verfügt über einen integrierten Flickr-Block für einfache Einbettungen, während das kostenlose Photonic-Plugin Ihnen mehr Kontrolle über Galerien, Alben, Layouts und private Fotos gibt.

In diesem Leitfaden zeigen wir Ihnen beide Methoden, damit Sie die richtige auswählen können, je nachdem, wie Sie Ihre Flickr-Fotos anzeigen möchten.

Hier ist eine kurze Übersicht darüber, was wir in diesem Leitfaden behandeln werden.

Methode 1: Flickr-Fotos oder -Alben ohne Plugin hinzufügen

WordPress verfügt über einen integrierten Flickr-Block. Wenn Sie also nur eine öffentliche Flickr-Mediendatei anzeigen müssen, können Sie einfach den Block verwenden.

Öffnen Sie zunächst die Flickr-Foto-, Album-, Galerie- oder Videoseite, die Sie einbetten möchten. Kopieren Sie dann die URL aus der Adressleiste Ihres Browsers.

Gehen Sie nun zu Ihrem WordPress-Beitrag oder Ihrer Seite, auf der Sie die Mediendatei hinzufügen möchten. Klicken Sie auf das +-Symbol, suchen Sie nach 'Flickr' und fügen Sie den Block hinzu.

Fügen Sie die URL in den Block ein und klicken Sie auf 'Einbetten'. WordPress ruft das Foto oder Album direkt von Flickr ab.

Beachten Sie einfach, dass diese Methode drei wichtige Einschränkungen hat.

• Sie können nur öffentliche Flickr-Inhalte anzeigen.
• Wenn jemand auf die Datei klickt, wird er zu Flickr weitergeleitet.
• Ein eingebettetes Album zeigt jeweils ein Foto mit Pfeilen zum Durchklicken an, anstatt des Rasterlayouts, das Sie von einem Galerie-Plugin erhalten würden.

Methode 2: Flickr-Fotos oder -Alben mit einem Plugin hinzufügen

Wenn Sie möchten, dass WordPress neue Fotos automatisch aus Ihrem Flickr-Konto abruft und sie als Galerie oder Photostream anzeigt, verwenden Sie das Photonic-Plugin.

Photonic verbindet sich über seine API mit Flickr, sodass Ihre WordPress-Galerie Fotos direkt aus Ihrem Flickr-Konto anzeigen kann. Flickr verlangt jedoch jetzt einen Pro-Plan, um einen API-Schlüssel zu erstellen, der 11 US-Dollar pro Monat oder 82 US-Dollar pro Jahr kostet.

Photonic unterstützt sowohl den Block- als auch den klassischen Editor sowie Flickr-Alben (genannt Photosets), Galerien und Sammlungen. Sie können auch Ihr Flickr-Konto verbinden, um private und geschützte Fotos anzuzeigen.

Schritt 1: Photonic installieren und mit Ihrem Flickr-Konto verbinden

Um deine Flickr-Fotos automatisch in WordPress anzuzeigen, verbinde zuerst das Photonic-Plugin mit deinem Flickr-Konto.

Installiere und aktiviere das kostenlose Photonic-Plugin. Anleitungen findest du in unserem Tutorial zur Installation eines WordPress-Plugins.

Gehe nach der Aktivierung zu Photonic » Einstellungen » Flickr und klicke auf den Link „Flickr-Einstellungen“.

Um das Plugin zu verbinden, benötigst du einen Flickr API-Schlüssel und ein Secret. Upgrade daher zuerst auf Flickr Pro, falls du das noch nicht getan hast.

Öffne dann die App-Galerie von Flickr in einem neuen Tab und fordere einen Schlüssel an.

Flickr wird dich auffordern, dich anzumelden, auszuwählen, ob die App für kommerzielle oder nicht-kommerzielle Nutzung bestimmt ist, und ihr einen Namen zu geben. Dann gibt sie deinen Schlüssel und dein Secret aus.

Kopiere und füge sie in die dafür vorgesehenen Felder in WordPress ein und speichere sie.

Gehe von dort zu Photonic » Authentifizierung und klicke auf „Anmelden und Zugriffstoken von Flickr abrufen“.

Melde dich mit deinem Flickr-Konto an. Sobald Flickr dir anzeigt, worauf Photonic zugreifen kann, klicke auf „OK, ich autorisiere es“.

WordPress bringt dich mit einem bereits ausgefüllten Zugriffstoken und Zugriffstoken-Secret zurück. Klicke dann auf „Token speichern“, um den Vorgang abzuschließen.

Schritt 2: Einstellungen Ihres Flickr-Widgets anpassen

Lege das Flickr-Konto fest, das Photonic standardmäßig verwenden soll, indem du zu Photonic » Einstellungen » Flickr gehst, bevor du deine Galerie hinzufügst.

Kopiere deine Profil-URL von Flickr. Sie sieht so aus: flickr.com/photos/deinbenutzername/.

Öffne dann das Dropdown-Menü „Medien anzeigen“, um nur Fotos, nur Videos oder beides auszuwählen.

Wähle die Miniaturansicht-Größe für deine Galerie und die Hauptbildgröße, die Besucher sehen, wenn sie auf ein Foto klicken.

Wenn du Videos anzeigen möchtest, lege auch eine Video-Lightbox-Größe fest und speichere dann deine Änderungen.

Schritt 3: Den automatisierten Flickr-Galerie-Block einbetten

Die Schritte zum Hinzufügen des Photonic-Galerie-Blocks unterscheiden sich leicht, je nachdem, ob du ein klassisches oder ein Block-WordPress-Theme verwendest.

Wenn du ein Block-Theme verwendest, gehe zu Darstellung » Editor, öffne den Vorlagenteil für deine Seitenleiste oder Fußzeile und füge dort den Photonic-Galerie-Block hinzu.

Wenn du ein klassisches Theme verwendest, gehe zu Darstellung » Widgets und füge den Photonic-Galerie-Block zu deinem Seitenleisten- oder Fußzeilen-Widget-Bereich hinzu.

Sobald du den Block hinzugefügt hast, klicke auf „Photonic-Galerie hinzufügen“, um den Einrichtungsassistenten zu starten.

Wähle im Assistenten „Flickr“ als Quelle aus und entscheide, ob du ein einzelnes Foto, mehrere Fotos oder ein ganzes Album, eine Galerie oder eine Sammlung anzeigen möchtest.

Wähle dann aus, aus welchem Flickr-Konto die Daten abgerufen werden sollen.

Wenn du „Aktueller Benutzer“ wählst, verwendet Photonic das standardmäßig eingerichtete Flickr-Konto. Wähle „Anderer Benutzer“, wenn du Fotos von einem anderen Flickr-Konto anzeigen möchtest, oder „Gruppe“, um Fotos aus einer Flickr-Gruppe abzurufen.

Klicke auf „Weiter“, um eine Vorschau der von Photonic gefundenen Bilder anzuzeigen.

Wenn du nur Fotos mit bestimmten Tags anzeigen möchtest, füge die Tags im Feld „Tags“ hinzu und wähle aus, ob die Fotos mit einem oder allen Tags übereinstimmen sollen.

Wählen Sie als Nächstes ein Layout, z. B. quadratisch, kreisförmig, Masonry, gekachelte Mosaike. Sie können auch eine Lightbox aktivieren, damit Besucher auf jedes Foto klicken können, um es in einer größeren, ablenkungsfreien Ansicht anzuzeigen.

Passen Sie die Einstellungen für dieses Layout an, z. B. die Anzahl der Spalten.

Klicken Sie auf die Schaltfläche „Weiter“ und verwenden Sie dann die Funktion „Vorschau“ von WordPress, um zu sehen, wie die Flickr-Galerie auf Ihrer Website aussehen wird, bevor Sie sie veröffentlichen.

Sobald Sie mit der Vorschau zufrieden sind, können Sie Ihre Änderungen jetzt aktualisieren oder veröffentlichen.

Besuchen Sie Ihre Website, um die Flickr-Galerie in Aktion zu sehen. Wenn Sie auf Miniaturansichten klicken, werden diese in einem Lightbox-Popup geöffnet.

Häufig gestellte Fragen zum Flickr-Widget

Kann ich Fotos von einem privaten Flickr-Konto anzeigen?

Nicht mit dem integrierten Flickr-Block, der nur öffentliche Inhalte einbettet. Mit dem Photonic-Plugin ja. Sobald Sie die Flickr-Authentifizierung in den Einstellungen von Photonic abgeschlossen haben, werden Ihre privaten Fotos und Fotos von Freunden und Familie jedem Besucher angezeigt.

Verlangsamt ein Flickr-Widget meine Website?

Es wird Ihre Seiten nicht schneller laden, aber es spart die Bandbreite Ihres eigenen Hostings, da die Bilder von den Servern von Flickr geliefert werden und nicht von Ihren. Ein Caching-Plugin und Lazy Loading helfen dem Rest Ihrer Seite immer noch, aber sie gelten nicht für eine Galerie, die Flickr streamt.

Warum wird meine Einbettung mit „Entschuldigung, dieser Inhalt konnte nicht eingebettet werden“ angezeigt?

Dies bedeutet normalerweise, dass Sie das Foto oder Album nicht auf „öffentlich“ gesetzt haben. Überprüfen Sie daher die Datenschutzeinstellungen auf Flickr.

Es kann auch passieren, wenn Sie einen verkürzten oder zugeschnittenen Link anstelle der vollständigen URL der Flickr-Seite eingefügt haben. Kopieren Sie die Adresse direkt aus der Adressleiste Ihres Browsers und versuchen Sie es erneut.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein Flickr-Widget in WordPress hinzufügen. Möglicherweise möchten Sie auch unser Tutorial zum Erstellen einer Fotogalerie mit Alben in WordPress und unseren Leitfaden für Bild-SEO sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.