04.01.2011

Flickr-Album als Widget in Flatpress integrieren

Dieser Blog dient ja auch dem sinnfreien persönlichen Spieltrieb. Der führte dazu, dass ich mich fragte, ob man zwischen Bildern, die bei Flickr liegen, und einem Flatpress-Blog eine Verbindung herstellen kann. Und zwar ohne Plugin-Programmierung, denn das kann ich ja nicht. Ein mögliches Ergebnis könnt ihr rechts unten in der Sidebar sehen. So wird es gemacht:

Flickr-Modul erstellen

Bei vorhandenem Flickr-Account kann ich mir ein eigenes Modul erstellen. Dazu rufe ich die entsprechende Seite auf. Hier habe ich die Wahl zwichen einem HTML und einem Flash-Modul.

flickr01.jpg

Sie können Elemente aus Ihrer eigenen Sammlung, einer Ihrer Gruppen oder Uploads von allen Benutzern auswählen. Wenn Sie möchten, können Sie jede dieser Optionen nach einem Tag filtern.

Ich nehme das Flash-Modul.

Inhalte auswählen

flickr02.jpg

Der Screenshot spricht für sich selbst. Meine Wahl: Album.

Farben bestimmen

Wenn ich möchte kann ich die Farbgebung noch beeinflussen oder Rahmen und Hintergrund entfernen, was meine Wahl ist.

flickr03.jpg

Code erhalten

Im letzten Schritt bekomme ich den Code ausgeworfen, den ich nun irgenwie auf meiner Webseite unterbringen muss.

flickr04.jpg

Das HTML-Modul wird analog erstellt. Die möglichen Optionen sind etwas anders, aber der Assistent leitet verständlich durch den Gestaltungsvorgang.

Übernahme in den Blog

Dies geht sehr einfach mit dem Blockparser-Plugin, das zur Standard-Flatpressinstallation gehört.

Statische Seite erstellen

Das Blockparser-Plugin arbeitet mit einer statischen Seite zusammen. Diese muss zuerst im Administrationsbereich erstellt werden. Auf diese Seite wird dann der erhaltene Code eingefügt. Hier ein Beispiel. (Der Code wurde für den Screenshot gekürzt!)

Die Eingabe der HTML-Tags nicht vergessen! Auch wenn in der Blogkonfiguration die Option “Inline-HTML” aktiviert ist!

flickr05.jpg

Blockparser-Widget erstellen

In der Widget-Konfiguration den Bereich Blockparser-Widgets auswählen. Die gerade erstellte Seite muss hier für das Blockparser-Plugin aktiviert werden.

flickr06.jpg

flickr07.jpg

Blockparser-Widget positionieren

In der Widgetverwaltung kann man nun das neue Blockparser-Widget in die Sidebar einfügen.
Auf Änderungen speichern klicken nicht vergessen.

flickr08.jpg

Ausblick

Auf die gleiche Weise kann man natürlich auch anderen Code in die Sidebar bringen. Das Blockparser-Plugin ist schon eine schöne Sache.

Kommentar hinzufügen

Die Felder Name und Kommentar sind Pflichtfelder.