Ein Photoblog - keithbingman.com
Autor: Alex
Keith Bingman ist Photograph und Webdesigner und hat unter http://www.keithbingman.com/ einen wunderschönen Photoblog mit Textpattern eingerichtet.
In dem folgenden Artikel wird insbesondere der Aufbau der Photogalerie beschrieben. Der Artikel richtet sich an fortgeschrittene User.
Grundsätzlich besteht der Blog aus vier Sektionen (about, journal, photos, contact). About und contact enthalten rein statische Artikel bzw. ein Kontaktformular.
Die Sektion Photos enthält die Photogalerien. Jedes Photo ist ein eigenständiger Artikel, dem zwei Kategorien zugewiesen werden; beispielsweise “Travels” und “Italy”. Mittels Zem´s Plugin zem_article_image werden die Originalphotos in einen Artikel eingesetzt und mit dem zum Plugin gehörenden Tag <txp:zem_article_thumb /> die zugehörigen Tumbnails in den Exzerpt gesetzt.
Nun werden, wie auch bei Textartikeln üblich, über eine ganz einfache Artikelliste (mit entsprechendem Baustein) die exzerpteten Artikel auf der Sektionsstartseite Photos gefiltert. Jedes Thumbnail erscheint dabei als ein Link auf den Hauptartikel mit dem Originalfoto.
Wenn man über eines der Thumbnails fährt, faded das Bild. (Das ist übrigens für Opera Nutzer nicht sichtbar.) Der Effekt basiert auf Richard Rutters Javascript Fading Image Effekt.
Keith hat den zem_article_caption Tag etwas gehackt um unter jedes Foto eine Bildunterschrift setzen zu können. Auch wenn in diesem Beispiel hier keine Kommentare zu den Bildern möglich sind, kann man das einfach einrichten, indem man die Kommentarerlaubnis pro Artikel wie üblich zuweist.
Das Photo Galerie-Menue besteht aus Hauptkategorien sowie dazugehörigen Unterkategorien. Mittels Sandor Weizs Plugin stw_category_tree können Kategorien hierachisch gelistet werden. Klickt man auf z. B. die Unterkategorie “Italy” werden alle exzerpteten Artikel, die dieser Kategorie angehören, aufgelistet.
Um die Fotos im Adminbereich besser handhaben zu können, wurde Mary´s upm_image_popper Plugin verwendet. Es vereinfacht das Auffinden der Bilder erheblich.
Mit dem aba_import_images Plugin, das ehemals von Nils entwickelt wurde, können Bilder als Paket geuploaded und gleichzeitig aus jedem Bild ein Thumbnail generiert werden.
Allgemeines zur Seite:
Die Headlines auf der Seite werden durch das Plugin zem_ir eingepflegt. Es ersetzt Text durch ein PNG Image. Der Font ist Helvetica Neue Light.
Alle auf der Seite verwendeten Plugins:
asy_category_tags
beb_jmrhacked
hit_logger
hit_viewer
ow_nav
rss_live_search
stw_category_tree
swf_if_empty
upm_category_title
zem_article_image
zem_contact
zem_ir
zem_link