Test: Alle Bausteine
Interne Referenzseite. Zeigt jeden real im Theme urworte-blank (Stand 21. August 2026, style.css?ver=2.0) existierenden, im Seiteninhalt einsetzbaren Baustein einmal, mit erkennbar fiktivem Beispielinhalt. Ersetzt den 01 Templates/Redaktionssystem-Katalog als Referenz, dessen uw-b-*/uw-s-*-Klassen auf dem Server nicht existieren — hier steht nur, was tatsächlich live funktioniert. Ausgenommen sind reine Theme-Chrome-Klassen (Header, Footer, Navigation, Kommentare, Formularfelder, Beitragsliste/-navigation) — die entstehen automatisch aus der WordPress-Struktur und werden nicht von Hand in den Seiteninhalt geschrieben.
Kein Lexikonartikel, keine Landing Page im eigentlichen Sinn — noindex: true, dient nur als Bausteinkatalog zum Nachschlagen und Kopieren.
Kicker
Kicker, Standard
Kicker, Rubrik-Farbe
Kicker, weite Laufweite
Kurzdefinition (automatisch)
Ein vollständig kursiver Absatz direkt nach dem H1 wird automatisch als „Kurzdefinition”-Kasten mit Kicker „In einem Satz” ausgezeichnet — siehe die Bearbeitungsnotiz oben in diesem Fall nicht, weil hier bewusst kein Beispiel dafür steht (würde sich sonst über das ganze Dokument legen). Siehe stattdessen z. B. ai-search.md.
Hinweiskasten
Blockquote (ohne Marke)
Ein gewöhnliches Zitat ohne
[!typ]-Marke bleibt ein normales Zitat — vom Theme bereits mit Einrückung und Fläche gestaltet, kein separater Hinweiskasten.
Buttons
Zahlenband
Kartenraster, zweispaltig
Karte eins
Standardkarte, heller Hintergrund. Für Leistungsbeschreibungen, Angebote, Themenblöcke.
Karte zwei
Zweite Karte in derselben Reihe. Das Raster bricht auf Mobilgeräten automatisch auf eine Spalte um.
Kartenraster, dreispaltig, eingesetzte Fläche
Karte A
Eingesetzte Fläche (uw-card–inset), dunklerer Hintergrundton als die Standardkarte.
Karte B
Dreispaltig ab Desktop-Breite, zweispaltig im mittleren, einspaltig im schmalen Format.
Karte C
Dritte Karte zur Vollständigkeit des Rasters.
FAQ-Akkordeon
Erste Beispielfrage?
Erste Beispielantwort. Klappt per <details>/<summary> auf, ohne JavaScript.
Zweite Beispielfrage?
Zweite Beispielantwort, zur Demonstration von mehr als einem Eintrag.
Abzeichen (Badges)
Standard-Abzeichen Aktives Abzeichen Verlinktes Abzeichen
Trennzeilen
Zweispaltiger Fließtext
Erster Absatz im zweispaltigen Textblock. Der Browser bricht den Text automatisch in zwei Spalten um, CSS-columns, kein manuelles Layout.
Zweiter Absatz, läuft in dieselben zwei Spalten weiter, sobald der erste Absatz die erste Spalte füllt.
Tabelle (native HTML, automatisch gestylt)
| Spalte eins | Spalte zwei | Spalte drei |
|---|---|---|
| Zeile 1 | Beispielwert | Beispielwert |
| Zeile 2 | Beispielwert | Beispielwert |
Zeitleiste
Erste Station der Zeitleiste, Beispieltext.
Zweite Station.
Dritte Station. Diese Klasse wird für Lexikonartikel automatisch aus Absätzen der Form „Jahr – Text” erzeugt (bausteine.ts, nur typ: person/organisation); auf Landing Pages nicht automatisch, hier von Hand als Roh-HTML gesetzt.
Inhaltsverzeichnis
Beispiel-Inhaltsverzeichnis
Weiterlesen-Link
Beispiel für einen Weiterlesen-Link
Sonst nur in der automatisch erzeugten Beitragsliste verwendet, funktioniert aber genauso frei im Seiteninhalt — mit angehängtem Pfeil („›“).
Kontaktformular (Hinweis, kein Beispiel-Markup)
Das Theme bringt Formularstile mit (uw-form, uw-form-label, uw-form-check, uw-form-note, uw-form-meldung), die auf Contact-Form-7- und WPForms-Markup wirken. Ein statisches HTML-Beispiel ohne echtes Formular-Plugin wäre irreführend — deshalb hier kein Nachbau. Reales Beispiel: das Kontaktformular auf /kontakt/ (falls vorhanden) oder ein neu angelegtes CF7-Formular mit den genannten Klassen.
Aufmacher (getestet, funktioniert im Fließtext)
Testlauf
uw-hero mitten im Fließtext
Funktioniert bestätigt auch innerhalb von .uw-content, nicht nur im Seitenkopf — am 21. August 2026 live geprüft.
Eine als Zitat/Anspruch gesetzte Zeile (uw-claim).
Redaktions-Hinweis (Achtung: entgegen der CSS-Kommentierung öffentlich sichtbar)
Hinweis Der Theme-Quelltext kommentiert diese Klasse als „nur für angemeldete Redakteure sichtbar” — live am 21. August 2026 geprüft: Der Kasten steht unverändert im an anonyme Besucher:innen ausgelieferten HTML, es gibt keine Sichtbarkeitssperre. Nicht für interne Notizen verwenden, ohne das vorher zu klären — der Kommentar beschreibt offenbar eine Absicht, die im Theme nie umgesetzt wurde.
Motto
Eine kursiv gesetzte Motto-Zeile, z. B. unter einem Bildzitat oder als Leitspruch.
Schmale Textspalte
Schmalere Fließtextbreite als der Standardinhalt (uw-narrow statt uw-container) — für Abschnitte, die bewusst kompakter wirken sollen als der übrige Seiteninhalt.
Fallbeispiel-Kicker
Kunde: Musterfirma GmbH
Fallbeispiel-Titel
Kleine Kicker-Zeile (uw-fall-kunde) für Kundennamen über einer Fallbeispiel-Karte, hier kombiniert mit uw-card–inset.
Gruppierte Liste (Referenzen, mehrspaltig)
Gruppe eins
- Beispieleintrag A
- Beispieleintrag B
Gruppe zwei
- Beispieleintrag C
- Beispieleintrag D
Gruppe drei
- Beispieleintrag E
- Beispieleintrag F
Pillar-Seite (sticky Inhaltsverzeichnis + Fließtext)
Inhalt
Rechte Spalte: der eigentliche Fließtext. Für sehr lange Ratgeberseiten gedacht — die Inhaltsverzeichnis-Spalte bleibt beim Scrollen stehen (position: sticky), bricht unter 900px Breite auf ein normales, nicht-sticky Verzeichnis über dem Text um.
Abschlussfläche, Standard
Abschlussfläche, kompakt
Abschluss-Beispiel, kompakt
Kleinere Variante derselben Fläche (uw-cta–kompakt), für Zwischenabschnitte statt des Seitenendes.