Aufbau einer Webseite

Individuell entwickelt, gemeinsam gepflegt

Wie projektspezifische Themes und Module auf unserer gemeinsamen Systembasis zu einer individuellen Webseite werden.

Grundlegender Aufbau einer Webseite als Theme

Ein Content-Management-System stellt die gemeinsame technische Grundlage einer Webseite bereit. Es verwaltet Inhalte, Benutzerrechte, Navigation und Funktionen, die durch zusätzliche Module erweitert werden können. Aufbau, Darstellung und projektspezifische Abläufe entstehen durch das Zusammenspiel dieser Grundlage mit den individuell entwickelten Bestandteilen der jeweiligen Webseite. In unserem System bilden der eigenständig gepflegte Drupal-Core, die benötigten Community-Module und die gemeinsam verwendeten WREB-Module diesen Unterbau. Darauf setzen das projektspezifische Theme und die projektspezifischen Module auf. Sie verbinden die vorhandenen Funktionen mit den Anforderungen der jeweiligen Webseite. Inhalte werden dabei in strukturierten Inhaltseinheiten, den sogenannten Nodes, verwaltet. Je nach Verwendungszweck können diese unterschiedliche Felder und Beziehungen besitzen und in verschiedenen Zusammenhängen ausgegeben werden. Über definierte Erweiterungspunkte, sogenannte Hooks, können eigene Funktionen in die Verarbeitung eingebunden werden. Views ermöglichen es, Inhalte gezielt auszuwählen und zu Listen oder Übersichten zusammenzustellen.Dieser Aufbau schafft Spielraum für individuelle Inhaltsstrukturen, Gestaltung und Funktionalität. Das Node-System sowie Hooks und Views werden in weiteren Beiträgen näher beschrieben.

Begriffserklärung: Theme

Ein Theme legt den Aufbau und die Darstellung einer Webseite fest. Umgangssprachlich wird dafür häufig der Begriff „Template“ verwendet; in Drupal bezeichnet dieser jedoch einzelne Vorlagendateien innerhalb eines Themes. Bei der WREB.DEsign GmbH greifen wir nicht auf vorgefertigte Themes zurück, sondern entwickeln für jedes Projekt ein individuelles Theme.

Projektspezifisches Theme

Das zentrale Bindeglied jeder Webseite ist ein projektspezifisches Theme.

Das projektspezifische Theme führt die vorgesehenen Inhalte, die verfügbaren Funktionen und das individuelle Gestaltungskonzept in der konkreten Seitenausgabe zusammen.Zu jedem Theme gehört die Definition der benötigten Node-Typen mit ihren Feldern und Inhaltsstrukturen sowie deren Rendering. Das Rendering legt fest, wie die gespeicherten Inhalte für die Ausgabe aufbereitet und dargestellt werden. Derselbe Inhalt kann dadurch beispielsweise als vollständige Detailseite, als kompakter Eintrag in einer Übersicht oder innerhalb eines anderen Seitenbereichs erscheinen. Das projektspezifische Theme definiert außerdem die gestalterischen Regeln der Webseite. Dazu gehören Typografie, Farben, Abstände und das Verhalten auf unterschiedlichen Bildschirmgrößen. Die von den gemeinsamen Modulen bereitgestellten Ausgabeelemente werden in dieses Gestaltungskonzept eingebunden.

Aufgaben des Themes

Definition der projektspezifischen Node-Typen und ihrer Inhaltsstrukturen

Rendering der Inhalte für unterschiedliche Darstellungskontexte

Gestaltung der Seitenbereiche und wiederkehrenden Ausgabeelemente

Festlegung von Typografie, Farben, Abständen und responsivem Verhalten

Gestalterische Einbindung der von Modulen bereitgestellten Funktionen

Projektspezifische Module

Zu jeder Webseite gehört mindestens ein zentrales projektspezifisches Modul.

Das Projektmodul stellt Struktur, Daten und projektspezifische Funktionen bereit; das Theme übernimmt deren visuelle Darstellung.

Grundlegende Aufgaben des zentralen Moduls:

projektspezifischer Seitenaufbau

Aufbau und Ausgabe von Header und Footer

Anpassung vorhandener Funktionen an das jeweilige Layout

zusätzliche Ausgabe- und Darstellungslogik

Anbindung externer Datenquellen oder Datenbanken

projektspezifische Hooks und Erweiterungen

Je nach Projekt können weitere Module hinzukommen, die ausschließlich innerhalb dieser Webseite verwendet werden.

Funktionalitäten zusätzlicher Module eines Projekts:

projektspezifische Geschäftslogik

Beispielsweise kundenspezifische Regeln für Preise, Berechtigungen, Freigaben, Zuordnungen oder automatisierte Abläufe.

eigene Applets oder Gadgets

Beispielsweise individuelle Rechner, Konfiguratoren, Suchhilfen oder kleine interaktive Werkzeuge für spezielle Aufgaben innerhalb einer Webseite.

Erweiterungen eines Warenkorbs

Das Shop-System lässt sich um spezielle Mehrwertsteuer- und Versandkostenberechnungen, komplexe Rabattlogiken sowie weitere Zahlungsmodule erweitern.

spezielle Formulare und Verarbeitungsschritte

Beispielsweise mehrstufige Formulare mit eigener Geschäftslogik und mehreren Verarbeitungsschritten.

Zusammenfassung oder Aufbereitung von Daten

Beispielsweise die automatische Zusammenstellung von Produktkatalogen oder Termintabellen für Reisen.

Schnittstellen zu externen Systemen

Beispielsweise zur Übernahme externer Daten, zum Abgleich mit Portalen, zur Anbindung von Termin-, Warenwirtschafts- oder CRM-Systemen sowie zur Nutzung externer Webservices und APIs.

Gesamtübersicht über den Aufbau einer Webseite als Theme

Das Theme und die zugehörigen projektspezifischen Module bilden damit die individuelle technische Ebene der jeweiligen Kundenwebseite.

Schematische Darstellung der WREB-Systemarchitektur mit projektübergreifender Basis, projektspezifischen Theme-Modulen und Theme bis zur fertigen Webseite.

Die Wiederverwendung betrifft die technische Grundlage, während Gestaltung und individuelle Erweiterungen je Webseite erhalten bleiben.

Das Theme einer Webseite und die zugehörigen Module greifen auf den gemeinsamen Core sowie die verfügbaren WREB- und Community-Module zurück. Dadurch stehen zahlreiche Funktionen bereits als Grundlage bereit und können für das jeweilige Projekt eingebunden, gestaltet und erweitert werden.Die Basis wird zentral gepflegt und weiterentwickelt. Verbesserungen an diesen Bestandteilen können damit mehreren betreuten Webseiten zugutekommen, während deren individuelle Gestaltung und projektspezifische Erweiterungen getrennt davon erhalten bleiben.Welche Module diesen gemeinsamen Unterbau bilden und welche Aufgaben sie übernehmen, finden Sie unter Modularchitektur.