26.01.2009 - geschrieben von Marvin in Tutorials

18 Individuelle Wordpress Archivseite

archivliste

Eine individuelle Wordpress Archivseite hat den Vorteil, dass der Besucher alle Artikel, die man verfasst hat, nochmal auf einer schönen Übersichtsseite chronologisch aufgelistet bekommt und so schneller Beiträge findet, die ihn ebenfalls noch interessieren könnten. Dies setzt man am besten mit einer eigenen Templatedatei um. Wie ich dabei vorgegangen bin um mein “Archiv” zu erstellen, könnt ihr hier nachlesen.

Ein eigenes Archiv-Template

Als Erstes legt ihr eine neue php-Datei im entsprechenden Templateverzeichnis an. Meine heisst z.B. archiv.php, und beinhaltet am Anfang einen kleinen PHP-Schnipsel, der auf den Templatenamen verweist, damit Wordpress die neue Datei als individuelles Seitentemplate erkennt:

<?php /* Template Name: Archiv */ ?>

Der folgende Loop für ein Archiv, welches lediglich Datum, Beitragsname und Kommentaranzahl in einer Liste anzeigt, sieht bei mir wie folgt aus:

<h1>Archiv</h1>
   <?php if (have_posts()) : ?>
   <ul class="archiv">
      <?php query_posts('cat=1,26&showposts=-1'); ?>
      <?php while (have_posts()) : the_post(); ?>
      <li>
            <?php the_time('d.m.Y'); ?> -
            <a href="<?php the_permalink(); ?>">
                  <?php the_title(); ?>
            </a>
            (<?php comments_number('0','1','%');?>)
      </li>
      <?php endwhile; ?>
   </ul>

Die Anzahl der anzuzeigenden Beiträge (in diesem Fall ja alle) mithilfe von

<?php query_posts('showposts=-1'); >

habe ich deshalb mit eingebracht, da sonst die Anzahl der in Wordpress voreingestellten Beitragsanzahl angezeigt wird und wir ja wollen das alle zum Vorschein kommen.

Anmerkung: Die mit query_posts könnt ihr auch benutzen um die Ausgabe an eure Bedürfnisse anzupassen. Zum Beispiel habe ich an dieser Stelle noch den Parameter cat mit den werten 1 & 26 gefüllt (cat=1,26), um bei mir nur die Kategorien Neuigkeiten und Tutorials ausgeben zulassen.

Die fertige Ausgabe laut oben definiertem Loop sieht dann wie folgt aus:
Datum – Titellink (Anzahl der Kommentare)

Die Archivliste hübsch machen

Damit das nich so langweilig aussieht fügen wir für die Liste mit der ID “archiv” noch ein paar CSS Anweisungen in unser Stylesheet:

ul.archiv {
margin:20px 0px;
padding:0px;}

ul.archiv li {
padding:5px 0px 5px 0px;
border-top:1px dotted #ddd;}

ul.archiv li:first-child {
border:none;}

ul.archiv li:hover {
background:#f4f4f4;}

Auswählen des Templates

archivseiteUm die nun erstellte Archiv-Seite zu unserer Wordpress-Installation hinzuzufügen, erstellt man im Adminbereich unter “Seiten” eine neue Seite und wählt die gerade erstellte archiv.php rechts unter Template aus. So, das wars es dann auch schon. Das fertige Ergebnis : Demo

Anregungen und Fragen könnt ihr wie immer in die Kommentare schreiben!

Tags:

18 Kommentare

Trackback - RSS Kommentare zu "Individuelle Wordpress Archivseite"

Dein Gedanke dazu?...