--- title: "Drupal Theming: Custom Design ohne Core-Hacks" lang: de type: knowledge canonical: https://www.arocom.de/wissen/drupal/theming alternate: https://www.arocom.de/en/knowledge/drupal/theming author: "Axel Roth" last_updated: 2026-07-29 --- # Drupal Theming: Custom Design ohne Core-Hacks Ein Drupal Theme definiert das gesamte Erscheinungsbild einer Website: Layout, Farben, Typografie, Interaktionen. Drupal trennt Design von Logik und Daten sauber, das bedeutet, ihr könnt das Design vollständig anpassen, ohne den Core zu verändern. arocom baut seit 2012 Custom Themes für Drupal-Projekte und setzt auf die Drei-Schichten-Architektur: Daten, Logik, Präsentation. Das macht Themes updatesicher und wartbar. ## Drupal Theming: Custom Design ohne Core-Hacks Ein Theme ist mehr als ein Design-Skin. In Drupal ist das Theme die Präsentationsschicht eurer Plattform: Es bestimmt, wie jeder Inhalt, jedes Feld, jeder Block im Browser dargestellt wird. Und es tut das, ohne die Geschäftslogik oder die Datenhaltung zu berühren. Das ist der entscheidende Unterschied zu Systemen, die Design und Logik vermischen. ## Custom Theme vs. fertiges Theme: Eine klare Empfehlung Fertige Themes gibt es kostenlos oder für wenig Geld. Sie decken Standardanforderungen ab und sind für die breite Masse gebaut. Für eine einfache Website reicht das. Für anspruchsvolle Projekte empfiehlt arocom ein Custom Theme. Der Grund: Fertige Themes bringen Code mit, den ihr nicht braucht. Überflüssige CSS-Klassen, ungenutzte JavaScript- Dateien, generisches HTML. Das kostet Performance, erschwert Barrierefreiheit und macht die Wartung aufwendig. Ein Custom Theme enthält genau das, was euer Projekt braucht, und nichts darüber hinaus. Es baut auf einem Basis-Theme auf (wie Drupal Core's Starterkit) und überschreibt nur die [Templates](https://www.arocom.de/wissen/drupal/templates), die angepasst werden müssen. ## Die Drei-Schichten-Architektur: Warum sie wichtig ist Drupal trennt drei Schichten sauber voneinander: **Datenhaltung.** Die Datenbank speichert Inhalte, Konfiguration und Benutzerdaten. Das Theme hat keinen direkten Zugriff darauf. **Logik.** Module verarbeiten Geschäftslogik, Zugriffsrechte und Workflows. Das Theme bestimmt nicht, welche Daten angezeigt werden, nur wie. **Präsentation.** Das Theme definiert das HTML, CSS und JavaScript, das der Browser empfängt. Twig-Templates steuern das Markup, CSS steuert die Optik. Diese Trennung hat einen konkreten Vorteil: Ihr könnt das Design ändern, ohne die Funktionalität zu berühren. Und ihr könnt Module aktualisieren, ohne das Design zu zerstören. Drupal-Updates und Core-Patches laufen durch, ohne dass euer Custom Theme bricht. ![Drupal Theme-Inheritance, Stable → Olivero → arocom-Custom → Twig-Templates](https://www.arocom.de/images/screenshots/wissen/drupal/theming.webp) *Twig-Template-Inheritance: Templates aus Stable/Olivero werden im Custom-Theme gezielt überschrieben.* ## Theming Best Practices: Was arocom in 160+ Drupal-Projekten gelernt hat **Subtheme statt Core-Hacks.** Änderungen gehören ins Subtheme, nicht in den Core oder in Contrib-Themes. Das macht Updates sicher und eure Anpassungen nachvollziehbar. **Semantisches HTML.** Jedes Template produziert HTML, das Screenreadern und KI-Systemen die Struktur eurer Inhalte vermittelt. article, section, nav, statt div-Ketten. **Komponentenbasiert denken.** Buttons, Cards, Teaser, Header, als wiederverwendbare Komponenten gebaut. Das reduziert Redundanz und erleichtert die Wartung. **Performance first.** Nur die CSS- und JavaScript-Dateien laden, die auf der aktuellen Seite gebraucht werden. Drupals Asset-Library-System macht das möglich. **Barrierefreiheit einbauen.** ARIA-Labels, Fokus-Management, Tastaturnavigation, das gehört ins Theme, nicht als Nachgedanke. Drupal liefert die Grundlagen im Core. ## Braucht euer Drupal-Projekt ein Custom Theme? Der [Zukunfts-Check](https://www.arocom.de/zukunfts-check) analysiert euer bestehendes Theme auf Performance, Barrierefreiheit und Wartbarkeit. Unser Team meldet sich innerhalb von 4 Stunden an Werktagen. **Aus arocom-Projekten:** - Für den Gentner Verlag betreiben wir ein Reichweitenportal ([haustec.de](https://www.arocom.de/referenzen/haustec)) und mehrere Fachportale (tga-fachplaner.de und weitere) auf einer gemeinsamen Drupal-Multisite, ein einziger Code-Stack, getrennte Redaktionen, gemeinsame Komponentenbibliothek. - Bei [HENN](https://www.arocom.de/referenzen/henn) (Architekturbüro) haben wir das drupal/ai Modul produktiv eingesetzt, KI-gestützte Bild-Auszeichnung und semantische Suche direkt im Backend. ### Was kostet ein Custom Drupal Theme? Ein Custom Theme ist Teil des Gesamtprojekts. Der Aufwand hängt von der Komplexität des Designs und der Anzahl der Templates ab. In arocom-Projekten macht das Theming ca. 20-30 % des Gesamtaufwands aus. ### Kann ich mein Theme später ändern? Ja. Dank der Trennung von Inhalt und Design könnt ihr das Theme austauschen, ohne Inhalte oder Funktionalität zu verlieren. Ein Redesign betrifft nur die Präsentationsschicht. ### Was ist Gin und brauche ich das? Gin ist ein Admin-Theme für das Drupal-Backend. Es verbessert die Benutzeroberfläche für Redakteure erheblich. arocom setzt Gin standardmäßig ein, es hat nichts mit dem Frontend-Theme zu tun. ### Brauche ich für Drupal Theming einen Entwickler? Ja. Drupal Theming erfordert Kenntnisse in HTML, CSS, Twig und der Drupal-Architektur. Das ist kein Drag-and-Drop-System. Dafür bekommt ihr volle Kontrolle über das Ergebnis. ### Wie arbeitet arocom mit Design-Agenturen zusammen? Im Co-Pitch-Modell: Die Design-Agentur liefert das visuelle Konzept, arocom setzt es technisch als Drupal Theme um. Auf Augenhöhe, nicht als Subdienstleister. Das CJD-Projekt mit 21TORR ist das Referenz-Modell. ## Weiterlesen - [Drupal Templates](https://www.arocom.de/wissen/drupal/templates): Wie ihr das Frontend kontrolliert - [Responsive Design 2026](https://www.arocom.de/wissen/drupal/responsive-webdesign): Mobile-First reicht nicht mehr - [Drupal-Entwicklung](https://www.arocom.de/leistungen/entwicklung): Konzeption, Architektur, Umsetzung - [Zukunfts-Check (Audit)](https://www.arocom.de/zukunfts-check): Unabhängige Analyse eurer Installation