Photo Pingalerie

Shashin – Photos und Galerien aus Picasa Webalben in WordPress einbinden

Ich habe nach einer Möglichkeit gesucht, die gehosteten Photos aus meinem Google Picasa Webalbum in meine Blogeinträge, auf eine separate Photoseite oder in die Sidebar einzubinden, ohne dass meine Leser zur Picasa-Website wechseln müssen.

Mittlerweile gibt es recht ansprechende PlugIns dafür. Meine Entscheidung fiel auf das Shashin PlugIn für WordPress. Dank der Kombination Shashin (PlugIn) + Picasa (Uploadprogramm) + WordPress, wird dem Anwender das Hochladen, Verwalten sowie das Synchronisieren der Alben sehr einfach gemacht. Es erlaubt einen komfortablen Zugriff auf seine öffentlichen Picasa-Webalben, wobei eine integrierte Bildübersicht die Auswahl erleichtert.

Shashin nutzt eine speziell konfigurierte Version von Highslide, mit der die eingebundenen Bilder dargestellt werden. Das Script darf nur auf nicht kommerziellen Seiten kostenlos genutzt werden. Alternativ kann man aber auch mit anderen Bildausgaben-JS (wie Lightbox o.ä.) seine Photos präsentieren.

Sehr praktisch, wenn ich meinen Bildern auf dem Picasa-Server beispielsweise eine Bildunterschrift hinzuzufüge, brauche ich nur im Adminbereich [Werkzeuge] [shashin] mein Album zu synchronisieren und übernehme somit alle Änderungen.

Installation und Konfiguration des Plugin «Shashin»
  • Die Anforderungen für das Plugin sind: WordPress 2.1 oder höher, PHP4 oder höher und MySQL 4.1 oder höher.
  • Plugin herunterladen und die Dateien entpacken.
  • Das Verzeichnis shashin in den wp-content/plugins/-Ordner kopieren.
  • Plugin im Adminbereich aktivieren.
  • Um das Plugin zu konfigurieren, muss erwähnt werden, dass es hierfür im Adminbereich von WordPress zwei Standorte gibt.
    1. [Einstellungen] [shashin]
    2. [Werkzeuge] [shashin]

Shashin-Einstellungen

  • Befassen wir uns zunächst mit den Einstellungen. Hier müsst ihr als erstes den Picasa-Server eintragen, z.B. http://picasaweb.google.com (Abb. 1)
  • Die weiteren Einstellungen sind selbsterklärend, wie z.B:
    * Tägliche Synchronisation der Alben ja/nein
    * Wie soll das große Bild angezeigt werden soll.
    * Anzahl der Bilder pro Seite
    * Sortierreihenfolge etc.
  • Nachdem ihr alle Einstellungen, euren Vorstellungen nach, angepasst habt, könnt ihr mit dem Einbeziehen eurer Alben aus Picasa beginnen.
  • Dazu wechselt ihr in den Bereich [Werkzeuge] [shashin] und tragt die entsprechende URL bei [Add Albums] ein, wobei ihr zwischen allen oder ausgewählte Alben wählen könnt. (Abb. 2) Bitte beachtet, dass nur öffentliche Alben mit einbezogen werden.

Picasa-Webalben hinzufügen

  • Nachdem alle Alben in die «Bildverwaltung» eingebunden sind, könnt ihr euch einen prima Überblick, in Form einer Tabelle, verschaffen (Abb. 3).
  • Mit einem Klick auf eine Spaltenüberschrift, kann die Sortierreihenfolge geändert werden, z.B. nach Albumtitel, Album Key (Album ID, die vom Plugin automatisch generiert wird) oder nach Synchronisationsdatum.

Bildverwaltung in WordPress mit Shashin

  • Von hier aus, können die Alben nach Änderung im Picasa-Webalbum, synchronisiert werden – dies geschieht entweder für einzelne Alben über den Synchronisationsbutton oder für alle Alben über die Auswahl [Sync All].(Abb. 4)
  • Bei der Auswahl [Sync All] ist zu bedenken, dass nur die bereits in WordPress vorhandenen Alben abgeglichen werden. Es kommen keine neuen Alben hinzu. Dies geschieht, wie bereits erwähnt, über die Auswahl [Add Albums].

Synchronisation der Alben in WordPress

  • Weiterhin könnt ihr in der «Bildverwaltung» die «Zufallsbilder» organisieren.
    Entweder ihr schließt unter der Auswahl [Include in Random? - Yes/No] komplette Alben oder einzelne Photos aus.
  • Natürlich könnt ihr über die Löschfunktion auch wieder einzelne Alben aus eurer «Bildverwaltung» entfernen.
  • Wie werden nun die Alben oder einzelnen Photos in die Seite oder Artikel eingefügt? Das ganze geschieht über Tags. Der Autor des Plugin empfiehlt beim Schreiben eines Artikel immer zwei Fenster oder Tabs (eins mit der zu schreibenden Seite und eins mit der «Bildverwaltung – am Ende der Seite befinden sich die gängigsten Tags-Beispiel») geöffnet zu haben.
TAG – Erläuterung

Picasa unterstützt nur eine bestimmte Anzahl von Bildgrößen:

32, 48, 64, 72, 144, 160, 200, 288, 320, 400, 512, 576, 640, 720, 800 32, 48, 64, 72, 144, 160, 200, 288, 320, 400, 512, 576, 640, 720, 800

Beachte, dass die Größen 32, 48, 64, und 160 spezielle Größen sind, die die Thumbnails in einer quadratischen Größe anzeigen.

  • photo_key: (erforderlich) Die Photo-ID findet ihr unter [Werkzeuge] [shashin]beim Klick auf das entsprechende Album.
  • max_size: (erforderlich) Die gewünschte Bildgröße – s.o. aufgeführte Größen oder das Stichwort ‘max’ für maximale Größe.
  • to_show: (erforderlich) Entweder Auflistung aller Alben mit dem Parameter
    ‘pub_date desc’ oder Auflistung ausgewählter Alben mit der Alben-ID
  • max_cols: (erforderlich) Wieviele Spalten soll die Tabelle haben.
  • album_key: (erforderlich) Die Album-ID findet ihr unter [Werkzeuge] [shashin].
  • how_many: (erforderlich) Wieviele Photos sollen in der Tabelle angezeigt werden.
  • caption_yn: (optional-standardmäßig auf ‘n’ gesetzt) Wer eine Bildunterschrift wünscht, sollte hier ‘y’ setzen. Eine weitere Variante wäre ‘c’, dann wird die Bildunterschrift erst nach dem Vergrößern des Photos angezeigt.
  • position: (optional) Positionierung des Photos ‘left’ ‘right’ oder ‘center’
  • clear: (optional) Abstandsoptionen ‘left’ ‘both’ oder ‘none’
  • alt_thumb: Mit einer anderen Photo-ID kann das Thumbnail ersetzt werden. (dies ist nützlich für die Videos)
  • location_yn: (optional-standardmäßig auf ‘n’ gesetzt) Habt ihr eurem Album einen Standort in GoogleMaps verpasst, könnt ihr das mit dem Parameter’y’ anzeigen, gleichzeitig wird ein GoogleMaps-Symbol angezeigt.
  • pubdate_yn: (optional-standardmäßig auf ‘n’ gesetzt) Wer das Datum der Veröffentlichung vom Album anzeigen möchte, muss hier den Parameter’y’ eintragen.
  • info_yn: (optional-standardmäßig auf ‘n’ gesetzt) Setzt ihr den Parameter auf ‘y’, werden alle Angaben (Anzahl der Photos, Datum der Veröffentlichung, Standort und Albumbeschreibung) angezeigt.
  • description_yn: (optional-standardmäßig auf ‘n’ gesetzt) Wenn der Parameter’y’ gesetzt wird, erscheint die Albumbeschreibung als Tabellenüberschrift.
  • order_by: (optional-standardmäßig auf’taken_timestamp’ gesetzt) Sortieren nach…
  • float: (optional) CSS-Float-Wert.
  • clear: (optional) CSS-Clear-Wert
Einige Beispiele zur Anwendung der TAGs
E I N Z E L B I L D   für Artikel, Seite und Sidebar

A L L E   B I L D E R   aus einem Album in einer Tabelle angeordnet

A U S G E W Ä H L T E   B I L D E R   aus allen Alben in einer Tabelle angeordnet

A L B E N V O R S C H A U   Thumbnails in einer Tabelle angeordnet – Bspl.

A L B E N V O R S C H A U   Thumbnails in Listenform und Albumbeschreibung – Bspl.

Schnellanleitung – Wie kommen die Photos in das Picasa-Webalbum?
  • Für alle diejenigen, denen das Plugin gefällt, nur fehlen die Photos bei Picasa – hier eine kurze Beschreibung, wie die Bilder ins Web kommen.
  • Voraussetzung für ein Picasa Web Album ist ein Konto bei Google
  • Nach erfolgreicher Erstellung eines Accounts, kann man die Funktion des
    Picasa-Webalbum
    nutzen.
  • Am einfachsten lädt man seine Bilder mit der Google-Software Picasa
  • Die Webalben sind in Picasa integriert, so dass man bequem von dort seine Photos hochladen kann.
  • Markiert entweder einzelne Bilder oder erstellt euch schon vorab Alben.
  • Picasa stellt eine Verbindung zum Webalbum her – jetzt braucht ihr nur noch dem Assistenten folgen.

1. Bilder in Picasa markieren und zu einem neuen Album hinzufügen.
1. Bilder in Picasa markieren und zu einem neuen Album hinzufügen.
2. Anschließend das Album aus Picasa in ein neues oder bereits bestehendes Webalbum hochladen.
2. Anschließend das Album aus Picasa in ein neues oder bereits bestehendes Webalbum hochladen.
3. Jetzt sind die Alben online verfügbar.
3. Jetzt sind die Alben online verfügbar.

 

· Gelesen: 3830 &
Publiziert am:
Dienstag, den 9. Juni 2009 um 18:29 Uhr
Schlagwörter:
| |
Trackback:
Trackback URL
Abgelegt in Kategorie:
Tipps und Tricks - Google ,Tipps und Tricks - Photos
Artikel drucken:
Artikel im Druckformat Artikel im Druckformat
Bookmarks:
Artikel deinen Bookmarks hinzufügen

Picasa Web Album als Flash-Slideshow in eigene Webseiten einbinden
Nachdem in der vergangenen Zeit bei Picasa Web Albums einige sinnvolle Funktionen hinzugefügt wurden, wie z.B.: Integration einer neuen Community-Fot ...
Zen Flash Gallery – ein weiteres schönes Flash-Template für Picasa
Kürzlich habe ich euch ein paar schöne Flash und HTML Templates vorgestellt, mit deren Hilfe man sehr einfach und schnell über die Software Picasa ein ...
Picasa Flash und HTML Templates zur Präsentation einer Photogalerie
Die Google-Software Picasa ist in erster Linie ein Programm zur Verwaltung von Photos in Ordnern oder Alben, sowie deren Bearbeitung. Die Funktion «Al ...


Zu diesem Artikel wurden 7 Kommentare abgegeben

  1. 1
    Reply to this comment

    Hallo, wenn ich auf ein bild klcike, und es sich vergrößert, erscheint zwar die vergrößerte darstellung, allerdings liegen einige Elemente der Sidebar über den Darstellungen…wie kann ich dies Problem lösen?

    http://www.atmosphericals.de/?page_id=35

  2. 2
    Reply to this comment

    Saubere Sache – hab mich reingefuchst und es funzt – Toll!!!!
    Im Moment habe ich nur Probleme mit der Umrandung der Thumpnails – wie bekomme ich die weg?

  3. 3
    Reply to this comment

    Ach – die Sortierung der Bilder will auch nicht funzen….

  4. 4
    Reply to this comment

    Hello
    Fabulous posting! This webpage presents helpful data to us, I praise you

  5. 5
    Reply to this comment

    Hello
    I like this post, and loved that certain regards for organizing. You are amazing! Thanks!

Seite 1 von 11

Live-Vorschau Deines Kommentar