Text-Elemente / Text
Text
Das klassische, einfache Textelement (ohne Bild/Medien). Beispiele für die verschiedenen Formatierungsmöglichkeiten innerhalb des Textfelds (wenn RTE) findet ihr auf der Seite “Beispiel - Formatierungen”.
Wichtig: Allgemein gibt es diverse Elementtypen plus zusätzlich Variationen, z.B. “Text in zwei/drei/vier Spalten” oder “Text mit Bild links/rechts”.
Nachfolgend stelle ich die grundlegenden Elementtypen in einer Variation dar (da die Funktionsweise in den Variationen gleich ist).
Text with media left/right, inside text
Dieses Element sorgt dafür, dass der Text sich um das Bild herum “anschmiegt”. Es können auch mehrere Bilder hinterlegt werden (wie bei einem Slider).
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Two text blocks with media above
Spaltenelemente haben ver. Optionen:
- 2 - 4 Spalten
- Bilder unter/oberhalb der Spalten
Two text blocks with media above
Bei Textelementen mit zwei Spalten gibt es zusätzlich noch die Option für das 66 zu 33 % Verhältnis (ohne Bilder oder mit Bild über dem Text)
Accordion
Ein einfaches Accordion-Element. Accordions haben Titel und optional Untertitel (normal oder als Liste) - zusätzlich gibt es die Einstellungsoptionen:
- Aufgeklappte Elemente: Erstes Accordion automatisch ausklappen (Hinweis: Seitens ZWR nicht empfohlen)
- Einzelner Erweiterungsmodus: Der User kann entweder mehrere Accordions öffnen, oder nur eines (die anderen Accordions werden automatisch wieder zugeklappt)
Accordion I
Untertitel - Dieses Accordion hat ein Bild
Lorem Ipsum
Accordion II
- Untertitel als Liste Punkt 1
- Liste Punkt 2
Lorem Ipsum
Accordion with text left/right
In diesem Element kann links oder rechts neben den Accordion-Elementen zusätzlicher Text hinterlegt werden.
Accordion I
Untertitel über dieses Accordion
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Accordion II
- Untertitel als Liste
- Hello World
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Accordion III
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Zitat-Elemente / Blockquotes
Two vertical blockquotes with image
Zitat-Elemente sind ab 2 Zitaten immer mit Bild.
Die Bilder sollten eigentlich immer oberhalb vom Zitat stehen; mit dem neuen Theme muss die Darstellung (teilweise noch horizontal) noch korrigiert werden in diesem Inhaltselement.
Einfacher Einstieg ins Studium.
Tolle Erweiterung meiner vorherigen Ausbildung