Drupal Templates: Wie ihr das Frontend kontrolliert
Zuletzt aktualisiert: März 2026 · Lesezeit: 6 Minuten
Templates sind das Bindeglied zwischen euren Inhalten und dem, was Nutzer sehen. In Drupal definieren Templates das HTML für Seiten, Blöcke, Felder und jeden anderen Bestandteil eurer Website. Die Trennung von Inhalt und Darstellung ist in Drupal Architekturprinzip — und Templates sind der Mechanismus, der diese Trennung umsetzt.
Twig: Drupals Template-Engine seit Drupal 8
Seit Drupal 8 nutzt Drupal Twig als Template-Engine. Twig ist sicher, weil es keinen PHP-Code in Templates erlaubt. Das verhindert eine ganze Klasse von Sicherheitslücken, die in älteren Drupal-Versionen möglich waren.
Twig ist lesbar. Die Syntax ist intuitiv und für Frontend-Entwickler leicht erlernbar — auch ohne tiefe PHP-Kenntnisse. Variablen, Schleifen und Bedingungen decken die meisten Anwendungsfälle ab.
Twig ist performant. Templates werden in PHP kompiliert und gecacht. Das Ergebnis: schnelle Seitenauslieferung ohne Template-Overhead.
Die Template-Hierarchie: Vom Allgemeinen zum Spezifischen
Drupal nutzt eine Template-Hierarchie mit Namenskonventionen. Ihr könnt Templates auf jeder Ebene überschreiben:
Seitenebene. Das Grundgeruest der Seite: Header, Content- Bereich, Sidebar, Footer.
Node-Ebene. Die Darstellung eines Inhaltstyps: Artikel, Produkt, Veranstaltung. Für jeden Typ ein eigenes Template.
Feldebene. Die Darstellung einzelner Felder: Bild, Text, Datum. Ihr kontrolliert das HTML bis auf Feldebene.
Block-Ebene. Wiederverwendbare Inhaltsblöcke wie Navigation, Sidebar-Widgets oder Call-to-Action-Elemente.
Diese Hierarchie bedeutet: Ihr könnt das HTML eurer Website präzise steuern, ohne den Drupal Core zu verändern. Das macht Updates sicher und eure Anpassungen nachhaltig.
Templates richtig einsetzen: Sauberes HTML für Menschen und Maschinen
Das Ziel ist nicht nur ein hübsches Design. Gute Templates produzieren semantisches HTML, das barrierefrei ist und von KI-Systemen verstanden wird.
Semantische HTML-Elemente. article, section, nav, aside statt div-Suppen. Das hilft Screenreadern und KI-Systemen, eure Inhalte zu verstehen.
ARIA-Labels. Barrierefreiheit beginnt im Template. Drupal liefert ARIA-Attribute im Core — eure Templates müssen sie beibehalten.
Performance. Weniger DOM-Elemente, weniger CSS-Klassen, weniger Markup-Overhead. Saubere Templates sind schnelle Templates.
arocom überprüft in jedem Projekt die Template-Qualität auf Semantik, Barrierefreiheit und Performance. Das ist Teil unseres Standard-Prozesses.
Braucht eure Drupal-Website bessere Templates?
Der Zukunfts-Check prüft eure bestehende Drupal-Installation auf Template-Qualität, Barrierefreiheit und Performance. Unser Team meldet sich innerhalb von 4 Stunden an Werktagen.
Brauche ich PHP-Kenntnisse für Drupal Templates?
Nein. Twig-Templates erfordern kein PHP. Die Twig-Syntax ist für Frontend-Entwickler mit HTML- und CSS-Erfahrung leicht erlernbar. Für komplexe Logik gibt es Preprocess-Funktionen in PHP, die Daten aufbereiten, bevor sie ans Template übergeben werden.
Was ist der Unterschied zwischen Template und Theme?
Ein Theme ist die Gesamtheit aller Templates, CSS-Dateien und Assets, die das Erscheinungsbild einer Drupal-Website definieren. Templates sind einzelne Dateien innerhalb des Themes, die das HTML für bestimmte Elemente festlegen.
Kann ich ein fertiges Theme anpassen?
Ja, über ein Subtheme. Ihr erbt die Funktionalität des Basis-Themes und überschreibt nur die Templates, die ihr ändern wollt. Das macht Updates des Basis-Themes sicher.
Wie wirken sich Templates auf die Performance aus?
Saubere Templates mit wenig Markup-Overhead verbessern die Performance. Twig kompiliert Templates in PHP und cached sie. Aufwendige Template-Logik sollte in Preprocess-Funktionen verlagert werden.
Weiterlesen
- Drupal Theming — Custom Design ohne Core-Hacks
- Drupal Views — Daten flexibel anzeigen
- Responsive Design 2026 — Mobile-First reicht nicht mehr
- Zukunfts-Check (Audit) — Unabhängige Analyse eurer Installation
Entdeckt einen zufälligen Artikel
Wie steht es um Drupal auf eurer Website? Der Zukunfts-Check zeigt in 2–4 Wochen, wo die größten Hebel liegen.
Drupal Zukunfts-Check
Checkliste: Ist eure Drupal-Installation zukunftsreif? 15 Prüfpunkte.
Kopiert diesen Prompt und fügt ihn in ChatGPT, Claude oder eine andere KI ein — ihr bekommt einen persönlichen Lernplan zu „Drupal Templates: Frontend-Kontrolle mit Twig“.
Du bist ein erfahrener Coach für Drupal. Ich möchte das Thema "Drupal Templates: Frontend-Kontrolle mit Twig" verstehen ...War dieser Artikel hilfreich?