Von den Wireframes zum Launch in sechs Wochen: eine datengetriebene WordPress-Site

Ausgangslage

Ein Anbieter von Produkten und Lösungen für die Veterinärmedizin wollte eine neue Website. Inhaltlich war sie anspruchsvoller, als es zunächst aussah: Jedes Produkt gehört zu bestimmten Tierarten, jede Lösung kombiniert mehrere Produkte, und jede Tierart hat ihre eigenen Lösungen. Diese Querverbindungen sollten auf der Website sichtbar und navigierbar sein, ohne dass die Redaktion jede Verknüpfung von Hand auf jeder Seite pflegen muss.

Die Wireframes lagen vor, gestaltet von der beauftragenden Digitalagentur. Der Zeitrahmen war knapp: sechs Wochen vom Start bis zur fertigen Website.

Mein Beitrag

Ich habe die technische Umsetzung allein und von Grund auf übernommen:

• Entwurf des Datenmodells mit Tierarten, Produkten, Lösungen und ihren Beziehungen
• Entwicklung eines eigenen Plugins für alle Datenstrukturen
• Entwicklung eines eigenen Themes auf Basis der Wireframes
• Technische Dokumentation für den Betrieb

Später entstand auf derselben Grundlage eine zweite Website des Anbieters, die ich ebenfalls dokumentiert habe.

Technische Umsetzung

Erst das Datenmodell. Bevor ich ein Template angefasst habe, habe ich das Datenmodell entworfen und mit der Agentur in mehreren Runden abgestimmt. Am Ende standen drei Haupttaxonomien, nämlich Tier, Produkt und Lösung, dazu rund 18 Datenbereiche mit eigenen Feldern. Diese Vorarbeit war die Grundlage für alles Weitere: Wenn die Struktur stimmt, setzen sich die Seiten aus den Daten von selbst zusammen.

Daten und Darstellung getrennt. Alle Custom Post Types, Taxonomien und Felder (mit Advanced Custom Fields PRO) habe ich in ein eigenes Plugin gepackt. Das Theme kümmert sich nur um die Darstellung. Das hat einen praktischen Grund: Ein Theme-Wechsel oder ein Redesign gefährdet nie die Inhalte, und die Datenstruktur ist an einer Stelle versioniert und dokumentiert.

Eigenes Theme statt Baukasten. Das Theme basiert auf _s, einem bewusst minimalen Starter-Theme. So enthält die Website nur den Code, den sie wirklich braucht, und keine Page-Builder-Abhängigkeiten. Mega-Menüs machen die drei Einstiege über Tier, Produkt und Lösung direkt zugänglich.

Zeitplan in Datenpaketen. Die sechs Wochen habe ich in vier Datenpakete aufgeteilt, verteilt auf die Kalenderwochen 22 bis 26 im Jahr 2019. Jedes Paket brachte einen fertigen, prüfbaren Teil der Website. So konnte die Agentur früh Feedback geben, statt erst am Ende alles auf einmal zu sehen.

Betrieb. Für den laufenden Betrieb kamen bewährte Plugins hinzu: Yoast SEO, Kontaktformulare mit Honeypot-Spamschutz, SMTP-Versand und Werkzeuge zur Migration zwischen Entwicklungs- und Live-Umgebung. Die Dokumentation hält fest, welche Komponenten für den Betrieb unverzichtbar sind.

Ergebnis

• Website in sechs Wochen umgesetzt, geplant in vier Datenpaketen (KW 22–26/2019)
• Drei verknüpfte Haupttaxonomien und rund 18 Datenbereiche, aus denen sich die Seiten automatisch zusammensetzen
• Ein eigenes Datenplugin, das Inhalte unabhängig vom Theme macht
• Ein schlankes, eigenes Theme ohne Page-Builder
• Wiederverwendung der Grundlage für eine zweite Website des Anbieters

Was ich daraus mitnehme

Unter Zeitdruck ist die Versuchung groß, sofort mit dem Sichtbaren anzufangen. In diesem Projekt war es umgekehrt richtig: Die Zeit für das Datenmodell zu Beginn hat sich in jeder folgenden Woche ausgezahlt, weil Templates, Menüs und Querverweise einfach auf den Daten aufsetzen konnten.

Die Trennung zwischen Datenplugin und Theme mache ich seitdem bei jedem WordPress-Projekt mit strukturierten Inhalten. Sie kostet am Anfang wenig und schützt die Inhalte über jedes spätere Redesign hinweg.