Die alte 89grad Seite war, wie soll man sagen, einfach eine WordPress Installation mit einem off-the-shelf Template. Meine erste Aufgabe bei 89grad war dann auch das Erstellen eines neuen Webauftrittes mit unserem neuen Design. Obwohl ich jede Art von CMS hätte einsetzten können, entschied ich mich für WordPress, da dieses mit Hilfe einiger Plugins relativ schmerzlos in ein minimal CMS umfunktioniert werden kann.
Seitenstruktur
Zuerst definierten wir die neue Seitenstruktur um besser zu verstehen welche Komponenten wir für unser CMS benötigen würden:
Home
Die erste Seite die unsere Besucher sehen. Sie gibt eine kleine Übersicht über das, was wir machen und wer wir sind. In der Sidebar werden die neusten Blogposts angezeigt.
Wir
Das Wichtigste über uns in Kürze, what else? Zudem sind zusätzliche Infos zum Team und Kontaktinformationen auf den Unterseiten zu finden.
Projekte
Jedes unserer abgeschlossenen Projekte wird in dieser Liste verewigt und auf einer Projekt-Unterseite kann mehr über das jeweilige Projekt erfahren werden. In der Sidebar werden die neusten Projekte aufgeführt, was mir, während ich das schreibe, sehr redundant vorkommt.
Blog
Im Blog werden News und sonstige Hintergrund-Informationen veröffentlicht. Die Sidebar besteht aus Kategorien und auch dem Archiv.
Dev
Den Teil den du vermutlich genau jetzt liest. Er soll kleinere Howtos enthalten oder Informationen dazu geben, wie wir technische Details gelöst haben. Wie beim Blog sind in der Sidebar die Kategorien aufgelistet und auch ein Archiv ist zu finden.
Organisation der Artikel/Seiten in WordPress
Statische Seiten
Bei den statischen Seiten werden in den Bereichen “Wir” und “Projekte” die Unterseiten getaggt. Zum Beispiel werden die Unterseiten von Projekte mit “projekt” getagged.
Artikel
Unsere Artikel (also Blog- und Dev-Bereich) werden den entsprechenden Kategorien zugefügt: Artikel, die für den Blog bestimmt sind, kommen in die Kategorie “blog”. Die “blog” Kategorie verfügt aber noch über Unterkategorien, welche es erlauben den Artikel einem bestimmten Thema zuzuweisen, z.B. “89grad” (wie man es eigentlich immer in einem “normalen” WordPress Artikel macht).
Von Plugins und Konfigurationen
Mit einigen Plugins und den oben gemachten Einstellungen für Seiten und Artikel kann man nun steuern, welche Artikel oder Seiten wo angezeigt werden und auch den Inhalt der Sidebars für jede Seite konfigurieren.
Widget Logic
Widget Logic ist eigentlich das wichtigste Plugin in unserem Setup: Mit diesem Plugin kann genau bestimmt werden, welches Widget (die einzelnen Abschnitte in der Sidebar) auf welcher Seite oder in welchem Artikel angezeigt wird.
Soll zum Beispiel ein Widget nur im “Wir” Bereich angezeigt werden, also auf der “Wir” Seite und deren Unterseiten, lautet die Logik für Widget logic:
is_page('wir') || (has_tag('wir') && is_page()
Category Posts Widget
Mit Hilfe von diesem Plugin kann man Artikel aus einer bestimmten Kategorie in einem Widget anzeigen. Wir verwenden dieses Plugin um auf der Hauptseite die letzten 5 Artikel aus der Kategorie “blog” anzuzeigen.
List Sub Categories Sidebar Widget
Zeigt die Subkategorien einer Kategorie in einem Widget an. Wird verwendet, um im Blog -oder Dev-Bereich die Unterkategorien des jeweiligen Bereiches anzuzeigen.
WordPress Category Archive
Dieses Plugin kann für einzelne Kategorien ein Archiv erstellen. Auf unserer Seite benutzen wir es, um im Blog und im Dev-Bereich ein Archiv mit den jeweiligen Artikel anzuzeigen.
Dieses Plugin hat scheinbar ein paar Probleme mit den Permalinks ab WordPress Version 3.0 und zeigt so die URLs im klassischen CGI Stil (&m=201102) an. Für uns ist das aber perfekt genug und die einzige Änderung, die ich am Plugin vorgenommen habe, ist in Zeile 59 “&cat=” durch “&cat=” zu ersetzten. So validiert die Seite wenigstens 
Page Excerpt
Erlaubt es, Teaser für Seiten zu erstellen. Wird bei uns bei Projekt-Unterseiten eingesetzt, um auf der Übersichtsseite einen kurzen Teaser anzuzeigen.
Page Tagger
Damit können die Seiten, wie der Name schon vermuten lässt, getagged werden. Alle unsere Unterseiten werden mit dem Namen der Elternseite getagged.
Widget mit Unterseiten
In den Bereichen “Wir” und “Projekte” werden im Widget die Unterseiten angezeigt. Dies kann im “Seiten” Widget einfach mit child_of konfiguriert werden.
Hauptmenü
Das Hauptmenü ist ein selbsterstelltes Menü, in welchem “Home”, “Wir” und “Projekte” als Seite und “Blog” und “Dev” als Kategorien eingefügt wurden.
Templates
Die Seite basiert auf dem Hybrid Theme Framework. Dieses ist Opensource, aber um Support und unlimitierten Zugang zu den Foren zu bekommen, bezahlt man 25$ im Jahr. Bei der Fülle der Themen in den Foren ist das gut investiertes Geld.
Es gibt unzählige Framworks für WordPress und wen es interessiert, findet beim Smashing Magazine (ein etwas älterer Beitrag) und auch bei SixRevisions mehr Informationen zum Thema.
Da das Hybrid schon sehr viele Templates zur Verfügung stellt, musste ich nur ein einziges Template für die Projektübersicht selbst erstellen. In der Projektübersicht werden die Unterseiten von “Projekte” in einer Liste mit den entsprechenden Teasern dargestellt.
Fazit und Ausblick
Das Setup ist noch nicht perfekt, funktioniert für unsere Zwecke aber vollkommen. Es gibt noch kleinere Dinge, die meiner Meinung ein bisschen unschön sind, wie z.B. die URLs für den Blog und den dev-Bereich, welche /category/blog resp. /category/dev sind. Aber wie gesagt, damit können wir im Moment leben.
Die nächsten Arbeiten an der Seite werden in Zukunft sicher das Einbinden einer Suche und, mein Favorit, die “Migration” auf HTML5 mit dem Prototype Theme sein.