• Zur Hauptnavigation springen
  • Skip to main content
  • Zur Hauptsidebar springen

Plerzelwupps Erfahrungen

  • Startseite
  • Dies&Das
  • Anleitungen
  • WordPress
  • Google & Co
  • Tests
  • Windows
  • Fun
  • Firefox
  • Photoshop
Aktuelle Seite: Startseite / Anleitungen / Drei Methoden um eine Fotogalerie im Blog einzubinden

24. Januar 2009 von plerzelwupp 19 Kommentare

Drei Methoden um eine Fotogalerie im Blog einzubinden

Ihr wollt Euren Blog um eine Fotogalerie ergänzen? Kein Problem: Hier erfahrt Ihr, wie das geht.

Für die Einbindung einer schönen eigenen Fotogalerie gibt es unzählige Möglichkeiten. Im Folgenden werden drei  Vorgehensweisen dargestellt – jede hat Ihre Daseinsberechtigung. Am besten Ihr checkt erst mal im Kurzüberblick, welche Voraussetzungen für die jeweiligen Möglichkeiten erforderlich sind.

 

Methode 1: Picasa-Galerie exportieren und im Blog einbinden
Für diese Vorgensweise benötigt Ihr das kostenlose Programm Picasa von google (ein Web-Account wird nicht benötigt).
Kurzerklärung: Unter Zuhilfenahme von templates exportiert Ihr aus Picasa eine Fotogalerie und bindet diese in euren Blog (als neue Seite) ein.
Nachteil: Die Daten müssen direkt auf Eurem Server (oder auf einen sonstigen Webspace)
Vorteil: Es gibt unzählige Plugins für die Gestaltung der Photogalerie. Die meisten sind flash-animiert. So könnt Ihr beispielsweise eure Galerie als 3D-Karusell anzeigen lassen, was in etwa so aussieht (ein neues Fenster wird geöffnet):
3D-Karusell

Die Fotogalerie dürfte mit den meisten Blogs kompatibel sein.  Erklärt wird es hier anhand der Einbindung mit WordPress.

 

Methode 2: Picasa-Galerie mit WordPress-Plugin einbinden
Für den WordPress-Blogger. Benötigt wird (neben dem Plugin) ein kostenloser google (Picasa)-Account.
Kurzerläuterung: Eure Bilder sind bei Picasa gehostet und werden mit dem WordPress-Plugin direkt auf Eurer Seite eingebunden.
Nachteil: Geringe Gestaltungsmöglichkeiten.
Vorteil: Einfache Vorgehensweise, Bilder bleiben bei Picasa gehostet und müssen nicht auf Euren Webspace hochgeladen werden.

Methode 3: Flickr-Bilder mittels Plugin in WordPress einbinden
Das Prinzip ist ähnlich der Möglichkeit 2: Hier sind Eure Bilder bei Flickr gehostet und werden mit dem WordPress-Plugin direkt auf Eurer Seite eingebunden. Es wird ein kostenloser Flickr-Account benötigt, auf dem die Bilder hochgeladen werden.
Nachteil: Geringe Gestaltungsmöglichkeiten.
Vorteil: Bilder bleiben bei flickr gehostet und müssen nicht auf Euren Webspace hochgeladen werden.

[tip]Methode 1
Picasa-Galerie exportieren und im Blog einbinden[/tip]

Hier setze ich voraus, dass Picasa auf dem heimischen PC installiert ist. Eine Reihe von Templates (sprich Vorlagen) für die Darstellung Eurer Bildergalerie sind in Picasa schon integriert – doch diese sind relativ einfach strukturiert. Weitere tolle Templates findet Ihr bei PaulvanRoekel. Dort könnt Ihr Euch umsehen und die verschiedenen Templates auch mal ausprobieren. Nach dem Download und entpacken des gewählten Templates müssen die Dateien noch in den Picasa-Plugin-Ordner verschoben werden – standardmäßig in einem eigenen Ordner unter [picasa-Installationsordner]/web/templates/

Zurück zu unseren Bildern: Die Bilder, die in der Galerie angezeigt werden sollen, legt Ihr in einem eigenen Ordner ab. Tipp:  Ihr könnte Bilder im Picasa auch markieren und die markierten Bilder dann in einen eigenen Ordner exportieren. Ihr markiert den Ordner, der  als Galerie dargestellt werden soll und wählt: „Ordner / Seite als HTML exportiern“ (alternativ geht das auch mit der rechten Maustaste auf den Ordner.

Es öffnet sich ein neues Fenster – hier sind die erforderlichen Daten einzugeben. Als erstes wählt Ihr eine geeignete Auflösung  – 800 bis max 1024 Pixel sollten erstmal reichen – denkt an Euren Webspace und an die Ladezeiten Eurer Besucher. Dann vergebt Ihr Eurer Bildergalerie noch einen Namen und legt den Speicherort fest.

Nach Drücken der Schaltfläche „Weiter“ wählt Ihr das Template, das ihr wie oben beschrieben eingebunden habt und drückt abermals auf „weiter“. Eure erste eigene Bildergalerie wird automatisch erstellt und öffnet sich auch gleich im Browser.

Im nächsten Schritt ladet ihr noch die eben generierten Dateien (in einem eigenen Ordner) auf Euren Server. – z.B. mit fireFTP – in meinem frühren Artikel „WordPress installieren und einrichten“ befindet sich hierfür eine Anleitung. 

In WordPress müsst Ihr dann nur noch auf die Galerieseite verlinken, die Ihr soeben hochgeladen habt. Ich selbst hab mich für die relativ schlichte Lightbox-Vorlage entschieden.

[tip]Methode 2
Picasa-Galerie mit WordPress-Plugin einbinden[/tip]Ihr meldet Euch bei Eurem kostenlosen Picasa-Account an und ladet die Bilder in einen eigenen Ordner. Am besten geht das mit dem dazugehörigen (oben beschriebenen) Tool Picasa Vers. 3.

Unter Bearbeiten / Albumeigenschaften gebt Ihr zunächst Euere Album frei und wählt: Sichtbarkeit des Albums = Öffentlich.

Nun muss es nur noch in Euren Blog eingebunden werden. Ihr besorgt Euch das WordPress-Plugin KPicasa von Guillaume Hébert (installieren und aktivieren – wie alle Plugins) und nehmt die erforderlichen Einstellungen vor. Dann erstellt Ihr eine neue statische Seite* oder einen Artikel mit folgendem Inhalt:

KPICASA_GALLERY (Albumname)

wobei mehrere Alben einfach durch Komma- und Leerzeichen getrennt werden –>  KPICASA_GALLERY (Album1, Album2)

hinterher könnt Ihr Eure Galerie betrachten – eine Justierung unter den o.g. Kpicasa-Plugin-Einstellungen könnte ggf. erforderlich werden.

*Anmerkung: Eine statische Seite hat den Vorteil, dass der Bildergalerie ein anderes Template zugewiesen werden kann. Sucht Euch ein schönes template aus (eine galerie.php) und ladet es in Euren theme-Ordner – doch dazu gehört etwas Erfahrung. Eine Einführung in die Bearbeitung der Templates finden Sie auch in meinem früheren Artikel: WordPress Themes bearbeiten – die Dateien und deren Bedeutungen.

[tip]Methode 3
Flickr-Bilder mittels Plugin in WordPress einbinden[/tip]Wenn Eure Bilder auf Flickr gehostet sind, hilft das geniale WordPress-Plugin „Flickr Photo Album“ weiter. Auch dieses Plugin wird installiert und aktiviert wie jedes andere Plugin auch. In den Optionen müssen noch die erforderlichen Einstellungen vorgenommen  und der Flickr-Account eingebunden werden. Das ist relativ selbsterklärend.

Im Optionsmenü könnt Ihr, wenn Ihr wollt,  auch ein Widget für die Sidebar aktivieren – dann werden die Bilder auch dort angezeigt . Das Widget muss dann natürlich noch im Design-Menü aktiviert und angepasst werden.

Außerdem findet Ihr in Eurem WordPress-Editor dann auch einen neuen Eintrag – Damit könnt Ihr eure Flickr-Bilder direkt in einen Artikel einbauen.

Ansonsten befindet sich die Galerie in dem Ordner, den Ihr in den Plugin-Einstellungen vorgegeben habt. Nun muss nur noch ein Link auf diese Seite verweisen und fertig ist der Lack.

Falls es Euer WordPress-template zerschießt, müsst Ihr noch die Datei [domain]/wp-content/plugins/tantan-flickr/templates/photoalbum-configuration.php entsprechenden modifizieren. Auch hier verweise ich gerne auf meinen frühreren Artikel WordPress Themes bearbeiten – die Dateien und deren Bedeutungen.

Natürlich kann auch eine schöne Diashow verlinkt werden. Ich finde, das wirkt sehr gut – seht doch mal hier – Fotokurs Diashow

Ich hoffe, das hilft dem ein oder anderen weiter. Wenn Ihr fragen habt – nur zu! Auch Lob und Kritik nehm ich gern entgegen 😉

Euer
plerzelwupp

Kategorie: Anleitungen, Tests, Wordpress Stichworte: Anleitung, Bilder, flickr, Fotogalerie, Picasa, Wordpress

Leser-Interaktionen

Kommentare

  1. Gucky sagt

    24. Januar 2009 um 21:40

    Tolle Anleitung…. probiere ich aus, wenn ich Zeit habe (also nicht sofort, weißabernichwann 🙂 )

    Gucky´s aktueller Blogartikel: Zubehör

    Antworten
  2. Diane sagt

    25. Januar 2009 um 00:37

    Super! Echt eine Wahnsinns-Arbeit. Ich habe das bei Mr. Gucky gelesen.

    Mir gefällt am besten das Karussell – ich habe aber schon in MyBlog-Blogs auch schöne Fotogalerien gesehen von irgendwelchen Anbietern. Dazu braucht man bestimmt kein eigenen Server. Vielleicht in WordPress, aber da hab ich keine Ahnung 😉

    Schönen Sonntag wünsche ich Dir und liebe Gruesse 🙂
    Diane

    Antworten
  3. Gucky sagt

    25. Januar 2009 um 17:09

    Nochmal schönen Dank für die tolle Anleitung. Ich muß Diane beipflichten. DAS ist eine viel Arbeit so eine Anleitung zu schreiben.
    Ich habe jetzt auch die flickr-Sache eingebunden.
    Mit Picasa habe ich Schwierigkeiten und kriege das Programm für Linux nicht auf dem Rechner installiert bzw. nicht mal heruntergeladen.
    Was solls… kommt Zeit, kommt Lösung… :mrgreen:

    Antworten
  4. Schrottie sagt

    25. Januar 2009 um 19:36

    Hui, das werde ich mir mal alles genauer ansehen, gerade Lösung zwei und drei scheinen interessant für mich zu sein. 🙂

    Antworten
  5. shibumi sagt

    15. März 2009 um 09:21

    danke für den tip. ich habe mich für den flickr weg entschieden, allerdings werden bei mir die ersten 2 bis 3 fotos immer verzerrt dargestellt. das ist nicht schön.

    Antworten
  6. plerzelwupp sagt

    15. März 2009 um 12:35

    @shibumi
    Danke für die Rückmeldung. Ich wollte mir die Sache in Deinem Blog gleich anschauen, hab aber keine Probleme entdeckt(?)

    Antworten
  7. shibumi sagt

    15. März 2009 um 17:36

    ich danke dir, nach meinem posting habe ich noch etwas rumprobiert und vor den flickr links folgendes gesetzt:

    ul class=“flickr-gallery“

    und jeden einzelnen link mit:

    li

    eingeschlossen.

    und was soll ich sagen, jetzt sieht es so aus, wie es sein sollte. nichts mehr verschoben.

    ich danke dir nochmals.

    Antworten
  8. Martin sagt

    28. Mai 2009 um 02:51

    Hey, ich bin baff!!! Das Flickr Photo Album ist ja echt das, was ich immer gesucht habe. Dein Tutorial stellt übrigens so manchen Artikel aus einem Fachbuch in den Schatten – großen Respekt für die Wahnsinn-Mühe, die Du Dir gemacht hast!

    Antworten
  9. Eike sagt

    3. August 2009 um 14:29

    Es gibt auch noch das Plugin Picasna
    http://picasna.com/

    Antworten
  10. Marianne sagt

    29. Dezember 2009 um 13:44

    hi,
    da ich dies sowieso alles nicht machen kann auf meinem wordpress.com
    blog will ich dir aber mal ein paar grüsse schicken und sagen
    der plerzel hat eine wunderschöne nikolausmütze auf.
    kannste aber jetzt wiedeer ruternehmen und vielleicht mit einer
    sylvesterrakete ersetzen ?? was meinst du

    Antworten
  11. Gucky sagt

    31. Dezember 2009 um 12:18

    Jau… jetzt ist Jahreswechsel angesagt… :mrgreen:

    Ich wünsche dir einen guten Rutsch ins Neue Jahr und ein gutes 2010 !

    Für die Präsentation von Flickr-Bildern (die ich auch erst im Blog hatte) habe ich ein anderes Programm gefunden. Heißt „Flogr“…
    Zwar habe ich noch keine Bilder, die tatsächlich wert wären angesehen zu werden (nur so Testbilder), aber kommt Zeit, kommen Bilder… :mrgreen:

    Antworten
  12. sabrina sagt

    15. November 2011 um 17:41

    Hey ich habe aber einen blog bei blogspot.com wie mache ich dort die picasa gallery rein

    Antworten
  13. Rainer sagt

    30. Juli 2012 um 14:02

    Fotos und Videos sind fast immer sehr guter Content für eine Webseiten. Sie lockern Inhalte auf und können Themen besser veranschaulichen und erklären.

    Antworten
  14. longchamp outlet sagt

    30. Juni 2013 um 17:10

    Drei Methoden um eine Fotogalerie im Blog einzubinden – Plerzelwupps Erfahrungen

    Antworten
  15. Tobias sagt

    2. Juli 2013 um 10:36

    Ohne Bilder oder Videos macht eine Webseite schon fast garnichts mehr her. Die Leute sind es einfach Leid, immer nur lange Texte zu lesen, ohne etwas Auflockerung. Da kann ein Video schon wahre Wunder bewirken 😉

    Antworten
  16. longchamp eiffel tower sagt

    3. Juli 2013 um 22:19

    Drei Methoden um eine Fotogalerie im Blog einzubinden – Plerzelwupps Erfahrungen

    Antworten
  17. longchamp outlet sale sagt

    6. Juli 2013 um 13:15

    Drei Methoden um eine Fotogalerie im Blog einzubinden – Plerzelwupps Erfahrungen

    Antworten

Trackbacks

  1. Erkenntnisse | Wundertüte sagt:
    25. Januar 2009 um 19:50 Uhr

    […] dann kommen die neuen Erkenntnisse von ganz alleine… Bei “plerzelwupp” gibt es eine Anleitung, wie man externe Bilder (Flickr, Picasa) im Blog anzeigen kann. Vielen Dank noch mal an ihn für […]

    Antworten
  2. Fotogalerie in den Blog einbinden - Fotogalerie, einbinden, Wordpress, Blog, Homepage, iframe, fancybox - Plerzelwupps Erfahrungen sagt:
    27. März 2010 um 20:51 Uhr

    […] der externen Bildergalerien in den Blog. Über das Thema hab ich schonmal einen Artikel verfasst: Drei Methoden um eine Fotogalerie im Blog einzubinden. Heute wird das etwas verfeinert. Ich stelle zwei Möglichkeiten vor, wie Ihr Fotoalben bzw. […]

    Antworten

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Haupt-Sidebar

Suche

Navigation

  • Startseite
  • über mich
  • Kontakt
  • Impressum
  • Datenschutzerklärung

Neueste Kommentare

  • beatir8 bei Facebook Timeline gestalten
  • beatir8 bei Computer Fernstart und Fernwartung – 7 Tipps
  • Zahnarzt berlin bei Computer Fernstart und Fernwartung – 7 Tipps
  • Zekeriya Cetin bei Computer Fernstart und Fernwartung – 7 Tipps
  • beatir8 bei Blog Adventskalender 2011 – 21. Söckchen

Archiv

Kategorien

  • Anleitungen (43)
  • Dies&Das (85)
  • Featured (7)
  • Firefox (7)
  • Fun (10)
  • Google & Co (21)
  • Photoshop (2)
  • Projekt 52 (19)
  • Tests (19)
  • Windows (14)
  • Wordpress (38)
  • Startseite
  • über mich
  • Kontakt
  • Impressum
  • Datenschutzerklärung

Copyright © 2025