WordWeb

« WordWeb im Netz

WordPress-Tipp: die neusten Flickr-Fotos anzeigen

17. Februar 2010 . von Barbara Frolik . 7 Kommentare
,

Einige von euch haben vielleicht schon mein neues Reiseblog-Theme gesehen, welches ich vor einigen Tagen veröffentlicht habe. Dieses Theme enthält in der Sidebar einen kleinen Bereich, in dem die neusten Flickr-Fotos angezeigt werden. In diesem kurzen Tutorial erfährst du, wie du deine neusten Flickr-Fotos in deinen WordPress-Blog einbinden kannst.

Flickr-Plugin für WordPress

Schritt 1: WordPress-Plugin «flickrRSS» downloaden und installieren

Das Plugin flickrRSS findest du hier:
» flickrRSS downloaden

Sobald du es heruntergeladen und entpackt hast, lädst du es in den Plugin-Ordner deiner WordPress-Installation. Anschliessend kannst du es über den Admin-Bereich aktivieren.

Schritt 2: flickrRSS an deine Bedürfnisse anpassen

Sobald du das Plugin aktiviert hast, findest du im Admin-Bereich unter «Einstellungen» einen Link zu flickrRSS. Öffne den Link, um das Plugin an deine Bedürfnisse anzupassen.

Flickr-Plugin für WordPress

Display: Hier kannst du festlegen, wie viele Fotos du anzeigen möchtest und ob du deine eigenen Fotos oder die Fotos einer Gruppe oder der ganzen Community in deinen Blog einbinden willst.

User ID: Nehmen wir an, du möchtest deine eigenen Fotos anzeigen. Dazu gibst du die URL deines Fotostreams in das entsprechende Feld ein und klickst dann auf «Find your id». Das Plugin ersetzt die URL automatisch mit deiner Flickr-ID.

Tags: Wenn du nur Fotos zu einem bestimmten Thema anzeigen möchtest, kannst du hier die gewünschten Tags eingeben.

HTML Builder: Hier legst du die HTML-Struktur deiner Fotoanzeige fest. Du kannst entweder die Standardeinstellungen benutzen oder eine eigene Struktur wählen. In meinem Beispiel habe ich %image_square% durch %image_small% ersetzt, weil ich keine kleinen Thumbnails, sondern die etwas grösseren Vorschaubilder anzeigen wollte. Mit %image_large% kannst du beispielsweise sogar die Originalbilder in deinen Blog einbauen.

Schritt 3: flickrRSS in dein Theme einbinden

Damit deine Flickr-Fotos an der richtigen Stelle deines Blogs angezeigt werden, musst du den folgenden Code in dein Theme kopieren. In meinem Beispiel habe ich den Code in die sidebar.php eingefügt.

1
<?php get_flickrRSS(); ?>

Fertig!

Das wars auch schon. Ab sofort werden deine neusten Flickr-Fotos in deinem Blog angezeigt. Viel Spass mit dem Plugin!

Jetzt bist du dran!

Kennst du weitere gute Flickr-Plugins für WordPress? Oder hast du Fragen zu dieser Anleitung? Hinterlasse einfach einen Kommentar, und ich werde so schnell wie möglich darauf antworten.

7 Kommentare

  • Ellen sagt am 18. Februar 2010

    Hallo Barbara,
    hey, toller Tipp, das Plugin kannte ich noch garnicht :-) Ich hätte da noch eine Frage: Weisst du, ob man für die Vorschaubilder auch eine ganz bestimmte Pixelgröße festlegen kann. Ich hatte dafür nämlich noch keine Lösung gefunden.

    Viele Grüße
    Ellen

  • Barbara sagt am 18. Februar 2010

    @Ellen: Ich habe einige Plugins ausprobiert und fand dieses hier am besten, zumindest für meine Zwecke. Das Problem, das du beschreibst, hatte ich auch. Es gibt scheinbar kein Plugin, bei dem man die Pixelgrösse frei festlegen kann. Alle, die ich ausprobiert habe, verwenden die vorgegebenen Grössen von Flickr.

  • Ellen sagt am 19. Februar 2010

    Hallo Barbara, vielen Dank für deine Antwort. Schade, es scheint echt so, als gäbe es da keine andere Lösung. Naja, ich finde Flickr-Fotos auf dem Blog trotzdem ein sehr schönes Feature :-)

  • Doreen sagt am 2. Oktober 2010

    Hallo,

    ich habe gerade diesen Artikel entdeckt und das schaut ja echt gut aus :). Nun frage ich mich wie ich die Leerzeilen zwischen den Fotos hinbekomme. In der style.css? Wenn ja, was muss ich da eingeben?
    Wäre cool wenn du da nochmal was zu sagen könntest :).
    LG
    Doreen

  • Barbara Frolik sagt am 4. Oktober 2010

    @Doreen: Wenn es mit den Leerzeilen nicht von selbst klappt, kannst du den Bildern im Stylesheet einen entsprechenden Margin geben.

    Z.B. div#flickr img {margin-bottom: 10px;}

  • Dominik sagt am 28. März 2011

    Kann ich den Code

    einfach in ein Text-Widget schreiben?

  • Woody sagt am 11. September 2011

    @Dominik
    Bei dem aktuellen Version von dem Plugin gibt es schon ein vorgegebenes Widget wo du direkt einbinden kannst.

    Beste Grüße
    der Woody

Kommentar schreiben