Benutzerfreundliches Archiv für WordPress-Seiten

Benutzerfreundliches Archiv für WordPress Seiten: Alle Beiträge auf einer Page

In 12 Jahren eine Menge Beiträge zusammen, also habe ich meinem Blog ein neues Archiv spendiert, basierend auf Oliver Schloebes Simple Yearly Archive. Dieses Plugin ermöglicht die Darstellung aller Blogbeiträge auf eine einzige Seite, gegliedert nach Jahren und mit integrierter Subnavigation. In Kombination mit einer Suchfunktion für mich die optimale Darstellung meines Back-Kataloges.

Grundsätzlich bringt WordPress ja out-of-the-box schon so gut wie alles mit, was man sich an Archiv-Funktion wünschen kann. In der Standard-Konfiguration generiert unser Lieblings-CMS automatisch jährliche und monatliche Archive. Um diese aufzurufen, braucht man nichts weiter tun, als die entsprechende Jahres- und optional die Monatszahl an die Domain anzufügen, also beispielsweise:

https://datenschmutz.net/2016/  (alle Beiträge aus dem Jahr 2016)
https://datenschmutz.net/2017/11/  (alle Beiträge von November 2017)

Wie man aus SEO-Sicht am besten mit diesen Archiv-Seiten umgeht, wäre Stoff für einen eigenen Artikel. Ob man die Jahres- und Monatsarchive aus Google exkludiert oder ob man die Archive indexiert haben möchte, hängt von der Menge der Inhalte und der internen Verlinkungs-Strategie ab. Plugins wie Clearfy ermöglichen sogar das vollständige Deaktivieren aller Archivseiten.

Aber Google-Optimierung ist ja kein Selbstzweck, an erster Stelle steht der Leser. Und wenn der einen Blick ins Archiv werfen möchten, dann sollte er sich nicht durch diverse Kategorien und Unterseiten klicken müssen, sondern möglichst schnell die gewünschten Inhalte auffinden. Genau dafür eignet sich Simple Years Archives optimal.

2.100 Blogartikel auf einer einzigen Page. Ist das Europarekord?

Damit nochmal zurück zu WordPress‘ Bordmitteln: Wir haben die automatisch generierten Archivseiten sowie ein zugehöriges Widget, das eine nach Monaten gegliederte Navigation erzeugt. Ein Klick führt zur Auflistung aller Postings aus dem jeweiligen Monat.

Wozu also überhaupt extra ein Plugin installieren?

Man könnte die Archiv-Seite natürlich auch händisch bauen. Allerdings müsste man dann laufend neue Monate nachtragen – eine lästige und überflüssige Arbeit, die sich leicht automatisieren lässt.

Simple Yearly Archives dagegen generiert via Shortcode eine Auflistung aller veröffentlichten Postings. Über die Optionsseite lassen sich Datumsformat, Headlines, Jahreszahlen, Subnavigation sowie die angezeigten Elemente detailliert anpassen. Die Anpassung des Designs erfolgt über CSS-Klassen

Mit ausklappbaren Jahreszahlen sieht das ganze so aus:

Simple Yearly Archives

Simple Yearly Archives in der Standard-Konfiguration. (Screenshot von schloebe.de)

Für mein Archiv kombiniere ich ein Enfold Submenü und ein Custom Search Widget mit einer Postingliste, die neben dem Titel auch Thumbnail und Excerpt darstellt:

datenschmutz Gesamtarchiv

datenschmutz.net Archiv mit angepasstem CSS und Enfold Subnavigation.

Dass eine Archiv-Seite mit über 2.000 Postings und damit auch Thumbnails nicht gerade rasend schnell lädt, ist keine große Überraschung. In Kombination mit einem Caching-Plugin stellt das aber kein Problem dar. Wer tief im Archiv graben möchte, muss eben 3 Sekunden Extrazeit mitbringen :) Übrigens: Google liefert man auf diese Weise auch noch eine „Frontend-Sitemap“.

Simple Yearly Archive

Wer die Datums-Stempel und Thumbnails ebenfalls gerne floatend neben Titel und Excerpt darstellen möchte, kann mein CSS anpassen:

/* Yearly Archives datenschmutz CSS*/

/* Listenspacings weg */
.sya_container ul {
list-style-type:none;
margin-left:0px;
padding-left:0px;
}
.sya_container ul li {
margin-left:0px;
padding-left:0px;
clear:both;
}

/* Formatierung der Jahresüberschriften */
.sya_container h2 {
background-color:#7ba4bb;
border:1px solid #1d495e;
padding:12px;
border-radius:3px;
margin-top:60px;
color:white;
font-size:30px;
}

/* Right Floats für Inhalte, 100px anpassen auf die Größe der eigenen Thumbnails! */
.sya_postcontent cite {
display:block;
float:right;
width: -webkit-calc(100% - 100px);
width:    -moz-calc(100% - 100px);
width:         calc(100% - 100px);
margin-bottom:20px;
}

/* Formatierung der Thumbnails */
.sya_postimg img {
border:1px solid #1d495e;
border-radius:3px;
margin:8px 10px 0px 0px;
clear:both;
}

/* Formatierung des Datumsstempels */
.sya_date {
display:block;
float:left;
border:1px solid #1d495e;
border-radius:3px;
background-color:#7ba4bb;
color:#ffffff;
padding:3px 6px 3px 6px !important;
width:80px;
margin:6px 20px 0px 0px;
font-family:"Oswald";
font-weight:400;
font-size:15px;
}
Simply Yearly Archive
8.4 / 10 Wertung
Pros
+ übersichtliches Archiv
+ flexibel anpassbar
Cons
- Prinzipbedingte Ladezeit
Zusammenfassung
Großartiges Archivplugin
Funktionsumfang7
Usability & Backend8
Performance8
Geek-Faktor9
Preis-Leistung10
0 Kommentare

Hinterlasse einen Kommentar

Schreibe einen Kommentar