textpattern resources [ge]

Wer eine (Thumbnail-) Galerie, wie sie Nils auf durchgedreht24.de umgesetzt hat, haben möchte, erfährt hier, wie das geht.

1. Das Plugin

Als einzige externe Ingredienz benötigt man das rss_thumbpop Plugin.

2. Die Grundstruktur

Das Plugin rss_thumbpop kann automatisch Artikel und Bilder zu einer Galerie verknüpfen, wenn die Bilder nach einem bestimmten Schema kategorisiert sind. Daher ist der Aufbau der Galerie sehr simpel: Jede Galerie ist ein eigener Artikel, eine Galerieübersicht wird mittels einer gewöhnlichen Artikelliste erzeugt.

3. Die Sektionen, Seitenvorlagen und Bausteine

Am besten richtet man sich zuerst eine Sektion für die Galerien ein, z. B. galerie. Dieser ordnet man die entsprechende X/HTML Seite zu. Dies wäre dann die Übersichtsseite, wie sie hier auf durchgedreht24.de zu sehen ist: www.durchgedreht24.de/galerie.
Um sowohl die Galerieübersichtsseite als auch die einzelnen Galerieansichten in einer Seitenvorlage zu vereinen, sind einige Conditional Comments nötig: <txp:if_article_list> für die Übersichtsseite und <txp:if_individual_article> für die Galerien ansich. Die Seitenvorlage sieht dann wie folgt aus:

<txp:if_article_list> <txp:article_custom form="galerie-liste" category="deineKategorie1" section="galerie" /> <txp:article_custom form="galerie-liste" category="deineKategorie2" section="galerie" /> </txp:if_article_list>
<txp:if_individual_article> <txp:article form="galerie-anzeige" /> </txp:if_individual_article>

Der Baustein galerie-liste besteht aus folgendem:

<txp:permlink><txp:article_image /></txp:permlink> <txp:permlink><txp:category1 /><txp:title /></txp:permlink> <txp:excerpt /> <txp:posted /><txp:glx_image_count /> Bilder</div>

Der Baustein galerie-anzeige enthält folgendes:

<txp:title /> <txp:posted /> <txp:rss_thumbpop jpop="1" articlethumbs="1" clickonly="1" fullontop="0" mode="float" cols="7" showcaption="0"/>

4. Die Galerie

Man schreibt einen Artikel unter dem entsprechenden Titel wie z. B. “Meine 1. Gallerie”. Der Titel ist letztlich der Name der Galerie. Diesem Artikel weist man die Sektion galerie. Durch die zusätzliche Verwendung von Kategorien, kann man (wie im Beispiel) darüber hinaus noch eine Gliederung nach Monaten oder Jahren hinzufügen. Wichtig für das weitere Vorgehen: Man finde die Artikel-ID heraus und merke sich diese. (Wer nicht weiß, wie das geht poste hier.)

5. Die Bilder

Man richtet eine Bildkategorie mit der Artikel-ID ein. Das sieht so aus: “article-” plus die ID angehängt (z. B. “article-123”). Sodann lädt man seine Bilder hoch, kreiere pro Bild ein Thumbnail und speichert dann unter der entsprechenden Kategorie; hier “article-123”.

Wenn man viele Bilder hochladen muss, vereinfacht man sich den Vorgang mit dem aba_image_import Plugin. Hilfreich für Windowsnutzer ist auch das neue Plugin zum Bilderimport von Sencer. Die Thumbnails werden schnell über das glx_admin_image_resize-Plugin erstellt.

6. Fertig :)

Angucken, staunen, freuen…

Anmerkung
Etwaige CSS-Angaben wurden aus dem o. g. Code der besseren Übersichtlichkeit halber entfernt.