Vielen wird mittlerweile sicher schon aufgefallen sein, dass ich heute einiges am Design von WpUpdate.de geändert habe. Der wohl wichtigste Punkt ist die Anzeige von verkürzten Posts auf der Hauptseite. Außerdem habe ich das Logo und die Sidebar ein wenig abgeändert, sodass sie sich dem neuen Aussehen besser “fügen” .

Warum das Ganze?
In erster Linie lag mir dabei die Benutzerfreundlichkeit am Herzen. Die Übersicht bei immer länger werdenden Artikeln ging auf der Hauptseite mehr und mehr verloren. Ewiges Gescrolle und Suchen nach passenden Artikeln gehörte damit schon fast zum Alltag. Dadurch, dass sich nun ein Ausschnitt des Artikels auf der Hauptseite, gepaart mit einem thematisch bezogenen Bild befindet, lässt sich die Themenvielfalt viel leichter überblicken, wodurch sich der Leser wesentlich einfacher zurechtfindet. Das Gesamterscheinungsbild wirkt nun wesentlich aufgeräumter und ansprechender.

Ganz schön – Aber wie?
Da ich keine Lust hatte alle Artikel einzeln anzufassen und mit dem “more-Tag” zu versehen, um eine gekürzte Version zu erhalten suchte ich nach einem anderen Weg. Außerdem hätte diese Methode auch zum Nachteil gehabt, dass nie die ungefähr gleichen Textlängen dabei herausgekommen wären, es sei denn man wollte in allen Artikel die Wörter abzählen – Wollte ich definitiv nicht! Also machte ich mich via Google und Twitter auf in die Weiten des WWW, suchend nach einer passenden Lösung und wurde schneller als erwartet fündig.

Zu Hilfe kam mir zum Glück einmal mehr Piet, bekannter Autor von Netzpanorama.de. Er verwies mich auf die so genannte “excerpt-Funktion”. Damit lässt sich nicht der gesamte Content, sondern nur eine Art Teaser des vollständigen Artikels ausgeben. Dazu musste ich in der index.php folgendes ändern:

Den Ausdruck “the_content()” durch den Ausdruck “the_excerpt()” ersetzen.

Standardmäßig wird dabei eine Vorabversion mit 55 Wörtern ausgegeben. Dies erschien mir relativ wenig, weshalb ich meine functions.php danach noch wie folgt abänderte:

function new_excerpt_length($length) {
return X;
}
add_filter(‘excerpt_length’, ‘new_excerpt_length’);

Die Variable X muss dabei noch durch die Anzahl der zu verwendenden Worte ersetzt werden. Damit war die Textoptimierung abgeschlossen, allerdings fehlte noch ein Vorschaubild, nach dem Vorbild der bekannten Magazine-Themes, welches ich unbedingt noch dazu haben wollte. Dabei half auf ganz einfache Weise das Plugin Thumbnail For Excerpts, dass auch in der WP-Pluginliste geführt wird. Dies erledigt alles automatisch und benutzt entweder ein bereits im Artikel verwendetes Bild, oder lässt sich durch eine Erweiterung des Editors manuell ein Bild zuweisen.

In den nächsten Tagen werde ich sicherlich noch einige Feinheiten optimieren und hoffe, dass sich das Blog dadurch für euch angenehmer und leichter lesen lässt . Jedes Feedback, Nörgeleien und Verbesserungsvorschläge sind natürlich sehr erwünscht! Ab in die Comments damit!