textpattern resources [ge]

Christian Sandberg war so freunlich mir den Code seiner Photoblog Sektion sowie dem dazugehörigen Archiv zu senden, die er mit dem wet_article_thumb Plugin realisiert hat.

Hier erstmal der Code und dann ein paar erklärende Sätze:

photoblog_page

<txp:article form="photoblog_form" limit=1 />
<txp:if_article_list>
<txp:article form="photo_list" limit=7 />
</txp:if_article_list>

archive_page

<txp:if_category="foto">
<txp:article_custom form="photo_list" section="foto" limit=9999 />
<txp:else />
<!-- If you have an article archive you can put it here -->
</txp:if_category>

Baustein: photoblog_form

<div class="photoblog">
<txp:link_to_prev showalways="1"><txp:article_image /></txp:link_to_prev>
</div>
<ul class="post-links">
<li class="prev"><txp:link_to_prev showalways="1">voriges
bild</txp:link_to_prev></li>
<li class="next"><txp:link_to_next showalways="1">nächstes
bild</txp:link_to_next></li>
<li class="posted"><txp:posted /></li>
<txp:if_article_list><li class="comments"><txp:comments_invite
/></li></txp:if_article_list>
<li class="archive"><a href="<txp:site_url />arkiv/?c=foto">Arkiv</a></li>
</ul>
<txp:body />

Baustein: photo_list

<txp:if_section name="archiv"><txp:if_different><h3
class="month"><txp:posted format="%B %Y"
/></h3></txp:if_different></txp:if_section>
<txp:wet_article_thumb />

Erläuterung
Generell sind alle Photos einzelne Artikel. Jeder Artikel hat also ein Thumbnail sowie das dazugehörige original große Foto gespeichert. Newbies fragen sich jetzt sicher: wo kommt das Thumbnail her. Die Antwort: das Thumbnail muß erstellt werden und genauso wie das originale Bild hochgeladen werden. Newbies sollten hier einfach mal ein paar Bilder hochladen, dann erklärt sich der Pozess von selbst.

Auf der Christians Startseite (photoblog_page) der Photosektion wird das original große Photo mit <txp:article form="photoblog_form" limit=1 /> eingelesen. Die Thumbnails drunter werden per
<txp:if_article_list>
<txp:article form="photo_list" limit=7 />
</txp:if_article_list> ausgegeben. Hier wird der Baustein photo_list eingesetzt, der <txp:wet_article_thumb /> enthält. Der Tag stammt von dem wet_article_thumb Plugin und gibt die zu einem Artikel gehörenden Thumbnails in verlinkter Form aus. Klickt man also auf ein Thumbnail wird darüber das zugehörige original große Photo gezeigt.

Unterhalb des Originalfotos hat Christian noch einige Links (voriges Bild, nächstes Bild, Kommentar, Archiv) angeordnet. Diese gibt er mit dem Code des Bausteins photoblog_form aus.

Die Archivseite ist eine eigenständige Sektion. Hier werden die Thumbnails nur nach Datum sortiert ausgegeben.

Wer mit den TXP Tags einigermaßen vertraut ist, wird den Code schnell durchschauen. Newbies sollten sich die Tags zuerst zu Gemüte führen.