Thorsten: Die Seite wurde neu angelegt: „NOTOC Der '''Drupal-Lernpfad''' auf '''drupalportal.wiki''' bringt Menschen ohne Programmierhintergrund Schritt für Schritt zum Site-Building mit '''Drupal 11'''. Geübt wird ausschließlich auf einer Wegwerf-Sandbox im Browser (simplytest.me o. ä.) – kein Konto, keine Installation, keine Kommandozeile, kein Custom-Code. Durchgehendes Projekt ist die Website des fiktiven '''Kleingartenvereins Sonnenblick e. V.''': Sie wächst pro Ka…“

2026-09-11T00:38:39Z

Die Seite wurde neu angelegt: „__NOTOC__ Der '''Drupal-Lernpfad''' auf '''drupalportal.wiki''' bringt Menschen ohne Programmierhintergrund Schritt für Schritt zum Site-Building mit '''Drupal 11'''. Geübt wird ausschließlich auf einer Wegwerf-Sandbox im Browser (simplytest.me o. ä.) – kein Konto, keine Installation, keine Kommandozeile, kein Custom-Code. Durchgehendes Projekt ist die Website des fiktiven '''Kleingartenvereins Sonnenblick e. V.''': Sie wächst pro Ka…“

Neue Seite

__NOTOC__
Der '''Drupal-Lernpfad''' auf '''drupalportal.wiki''' bringt Menschen ohne Programmierhintergrund Schritt für Schritt zum Site-Building mit '''Drupal 11'''. Geübt wird ausschließlich auf einer Wegwerf-Sandbox im Browser (simplytest.me o. ä.) – kein Konto, keine Installation, keine Kommandozeile, kein Custom-Code. Durchgehendes Projekt ist die Website des fiktiven '''Kleingartenvereins Sonnenblick e. V.''': Sie wächst pro Kapitel um genau einen Baustein.

== Der Lernpfad in vier Stufen ==

=== 🟢 L1 – Grundlagen: Die Website steht ===

Inhalte anlegen, verlinken, bebildern, ordnen, Rechte vergeben – alles, was eine Website zum Laufen braucht.

{| class="wikitable"
|-
! Nr. !! Kapitel !! Das lernst du !! Status
|-
| 1 || [[Die Sandbox in Betrieb nehmen und die erste Seite anlegen]]
| Drupal als CMS statt Baukasten, Sandbox starten, Admin-Oberfläche und »Verwalten«-Menü, erste »Einfache Seite« || –
|-
| 2 || [[Inhalte anlegen: »Artikel« und »Einfache Seite«]]
| Titel und Textkörper, WYSIWYG-Editor, Vorschau, Veröffentlichungsstatus, Artikel vs. Basisseite || –
|-
| 3 || [[Menüs und Navigation]]
| Hauptmenü, Menülinks auf Inhalte, Reihenfolge und Ebenen, Fußzeilen-Menü || –
|-
| 4 || [[Grundeinstellungen der Site]]
| Name, Slogan, Logo, Startseite festlegen, Zeitzone, Datumsformat || –
|-
| 5 || [[Benutzer, Rollen und Rechte]]
| Redakteur vs. Administrator, Berechtigungen gezielt vergeben, Konten anlegen || –
|-
| 6 || [[Blöcke und Regionen]]
| Blocklayout, einen Block in eine Region legen, Sichtbarkeit nach Seite und Rolle || –
|-
| 7 || [[Taxonomie: das Vokabular »Rubriken«]]
| Vokabular für Neuigkeiten anlegen, Begriffe pflegen, Inhalte verschlagworten || –
|-
| 8 || [[Medien und Dateien]]
| Medienbibliothek, Bild in einen Artikel einbinden, Verantwortung und Bildrechte || –
|}

=== 🟡 L2 – Fortgeschritten: Eigene Struktur bauen ===

Inhaltstypen, Felder, Entity-Referenzen und Views – was aus einzelnen Seiten eine strukturierte Website macht.

{| class="wikitable"
|-
! Nr. !! Kapitel !! Das lernst du !! Status
|-
| 9 || [[Ein eigener Inhaltstyp: »Termin«]]
| Felder planen, bevor man klickt – was ist ein Feld, was der Titel? || –
|-
| 10 || [[Feldtypen im Griff]]
| Text, Datum, Zahl, Link, E-Mail, Auswahlliste, Ja/Nein – Pflichtfeld, Hilfetext, Standardwert || –
|-
| 11 || [[Entity-Referenzen: Inhalte verknüpfen]]
| »Termin« zeigt auf »Ort«, »Neuigkeit« auf »Vorstandsmitglied« || –
|-
| 12 || [[Formular- und Anzeigemodi]]
| Feldreihenfolge, Labels, Formatierung, Teaser vs. Vollansicht getrennt steuern || –
|-
| 13 || [[Views 1: die erste Liste]]
| »Kommende Termine« mit Filter, Sortierung, Anzeigeformat (Tabelle/Raster/Liste) || –
|-
| 14 || [[Views 2: Blöcke, Kontextfilter, Seiten]]
| Block- vs. Seitenanzeige, Kontextfilter, Seitennummerierung, »Kein Ergebnis«-Text, Kopf/Fuß || –
|-
| 15 || [[Textformate und Editor absichern]]
| Erlaubte HTML-Tags, CKEditor-Buttons, Medien-Einbettung, warum »Full HTML« gefährlich ist || –
|-
| 16 || [[Sprechende Adressen: Pfad-Aliase und Pathauto]]
| Pfad-Aliase, Pathauto-Muster <code>/termine/[title]</code>, Weiterleitungen nach Umbenennung || –
|}

=== 🟠 L3 – Profi: Redaktion und Betrieb ===

Layout Builder, Formulare, Workflows, Mehrsprachigkeit – der redaktionelle Alltag und der Weg von der Sandbox zur Live-Site.

{| class="wikitable"
|-
! Nr. !! Kapitel !! Das lernst du !! Status
|-
| 17 || [[Layout Builder]]
| Seiten per Drag-and-drop aufbauen, Abschnitte und Spalten, Blöcke im Layout platzieren || –
|-
| 18 || [[Formulare für Besucher: Kontaktformular und Webform]]
| Kontaktformular (Kern) und Webform-Grundlagen – Felder, Einreichungen, Benachrichtigung, Honeypot gegen Spam || –
|-
| 19 || [[Redaktioneller Workflow: Content Moderation und Revisionen]]
| Entwurf › In Prüfung › Veröffentlicht, Revisionen und Versionsvergleich || –
|-
| 20 || [[Mehrsprachigkeit]]
| Oberfläche und Inhalte übersetzen, Sprachumschalter, was übersetzbar ist und was nicht || –
|-
| 21 || [[Auffindbarkeit: Suche und SEO-Grundlagen]]
| Kern-Suche einrichten, Seitentitel, Meta-Beschreibung, Sitemap || –
|-
| 22 || [[Kommentare und Interaktion]]
| Aktivieren, moderieren, Missbrauch begrenzen – oder bewusst abschalten || –
|-
| 23 || [[Konfiguration und Inhalt: der Weg von Sandbox zu Live]]
| Was beim »Konfiguration exportieren« mitkommt, Änderungen dokumentieren, Denkmodell »Sandbox → Live« || –
|-
| 24 || [[Mit Contrib-Modulen erweitern]]
| Das Modulverzeichnis lesen: Wartung, Nutzerzahlen, Sicherheitsabdeckung, D11-Kompatibilität, Risiko abwägen || –
|}

=== 🔴 L4 – Experte: Ausblick, Grenzen, Pflege ===

Themes, Barrierefreiheit, Sicherheit, Datenmodell, Datenübernahme – und die Landkarte dorthin, wo Site-Building endet und Code beginnt.

{| class="wikitable"
|-
! Nr. !! Kapitel !! Das lernst du !! Status
|-
| 25 || [[Themes und Erscheinungsbild]]
| Theme wählen und konfigurieren (Farben, Logo, Umbruchpunkte) – und wo die Grenze zum Theming-Code liegt || –
|-
| 26 || [[Barrierefreiheit und Performance]]
| Alt-Texte, Überschriften-Hierarchie, Bildstile und -komprimierung, Caching in Grundbegriffen || –
|-
| 27 || [[Sicherheit und Wartung]]
| »Verfügbare Aktualisierungen«, Sicherheitsmeldungen, Backups, Benutzer-Hygiene, Zwei-Faktor || –
|-
| 28 || [[Medien im Großen]]
| Medientypen, entfernte Videos (oEmbed), Fokuspunkt, Bildstile pro Anzeige-Modus || –
|-
| 29 || [[Das Datenmodell im Blick: Entität, Bundle, Feld]]
| Entität / Bundle / Feld als Konzept – Entscheidungshilfe Taxonomie vs. Inhaltstyp vs. Feld || –
|-
| 30 || [[Daten übernehmen: Import und Umzug]]
| CSV-Import (Feeds/Migrate als Konzept), Umzug von einer alten Vereinsseite || –
|-
| 31 || [[Wiederverwenden: Recipes, Distributionen, »Drupal CMS«]]
| Recipes und Distributionen, »Drupal CMS« (Starshot) als moderner Einstieg || –
|-
| 32 || [[Wenn Site-Building nicht reicht: Custom-Code als Landkarte]]
| Custom-Modul/-Theme, Hooks, Twig, Preprocess – nur als Landkarte, damit man weiß, wann man Hilfe holt || –
|}

== Feste Fakten zum Beispielverein ==

* Verein '''1972''' gegründet; '''Vereinsheim 1976''' gebaut, mit Saal ('''80 Sitzplätze''').
* Kanonische Freifläche: '''Vereinswiese'''.
* Vorstand: '''Müller''' (1. Vorsitz), '''Klar''' (2. Vorsitz), '''Ohm''' (Kasse), '''Roth''' (Schriftführung).
* '''Sommerfest''' im Juli. '''~120 Parzellen.''' Grundsatzbeschluss der Website: '''12.09.2026'''.

[[Kategorie:Drupal-Lernpfad]]

Drupal Portal - Versionsgeschichte