Seminar Drupal Theme-Entwicklung (Frontend)

Inhaltsverzeichnis

• Abstract
• Zielgruppe und Voraussetzungen
• Lernziele
• Inhalte im Detail
• Seminarablauf Schritt für Schritt

Abstract

Dieses Entwicklerseminar behandelt die Erstellung und Anpassung von Drupal-Themes. Teilnehmende lernen, bestehende Themes abzuleiten, Templates anzupassen, CSS/SCSS-Strukturen einzubinden und einfache JavaScript-Funktionalitäten umzusetzen. Im Fokus steht die Verbindung zwischen Designvorgaben und Drupal-Rendering mit Twig. Responsive Design und Barrierefreiheitsaspekte werden mit berücksichtigt.

Zielgruppe und Voraussetzungen

• Zielgruppe: Frontend-Entwickler:innen, Webdesigner mit technischem Fokus
• Voraussetzungen: Sicherer Umgang mit HTML und CSS, Grundkenntnisse in PHP von Vorteil, Drupal-Basiswissen empfohlen

Lernziele

Nach dem Seminar:

• können Basis-Themes ausgewählt und Sub-Themes angelegt werden
• ist die Struktur eines Drupal-Themes (Libraries, Templates, YAML) verständlich
• werden Twig-Templates sicher angepasst und erweitert
• können einfache responsive Layouts in Drupal umgesetzt werden

Inhalte im Detail

• Drupal-Theme-Konzept: Basis-Themes, Sub-Themes
• Theme-Struktur und Konfigurationsdateien
• Twig-Templating: Syntax, Variablen, Filters und Includes
• Template-Hierarchie und Overrides
• Einbindung von CSS/SCSS und JavaScript-Bibliotheken
• Layout und Regionen, Grid-Strukturen
• Responsives Design und grundlegende Barrierefreiheitsaspekte

Seminarablauf Schritt für Schritt

Tag 1

• Analyse eines vorhandenen Themes
• Anlegen eines Sub-Themes
• Anpassung grundlegender Templates (Node, Page)
• Einbindung eigener Styles und Skripte

Tag 2

• Aufbau eines einfachen Layouts mit Regionen und Grids
• Erweiterte Twig-Features (Blöcke, Includes, Conditions)
• Umsetzung eines responsiven Beispiel-Layouts