Teasertext
Vorlage Inhaltselement: [+ Element] — Reiter [Library Elements] — Teasertext
Vorlage Spaltenelement: [+ Spalte] — Reiter [Library Columns] — Teasertext
Vorlage Containerelement: [+ Container] — Reiter [Library Container] — Teasertext
1-Spalter 100%
[+ Spalten] — Reiter [Builder Columns] — 1/1
Inhaltlich bitte in einen „1-Spalter 100%“ nur Bilder einbauen, die sich über die volle Inhaltsbreite hinweg erstrecken sollen. Einen „1-Spalter 100%“ niemals für Fließtext nutzen! Für Fließtext bitte ausschließlich den „1-Spalter 75%“, den 2-Spalter oder den 3-Spalter nutzen.
1-Spalter 75%
[+ Spalten] — Reiter [Library Columns] — 1-Spalter 75%
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.
2-Spalter
[+ Spalten] — Reiter [Builder Columns] — 1/2 | 1/2
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.
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.
3-Spalter
[+ Spalten] — Reiter [Builder Columns] — 1/3 | 1/3 | 1/3
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.
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, 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. 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. 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.
Bild mit Bildunterschrift
[+ Element] — Reiter [Design Elements] — Image
Um ein Bild mit Bildunterschrift zu versehen (Beispiel siehe nachfolgendes Bild), gehe wie folgt vor. Fahre mit deiner Maus im Backend über das Bild und klicke auf den dann erscheinenden Stift-Button um in den Einstellungsdialog des Bildes zu gelangen. Öffne hier nun den Reiter „Caption“. Füge deinen Bildunterschrift-Text im Eingabefeld „Image Caption“ ein. Klicke auf den Speichern-Button.
Blick vom See auf die Stadt
Tabelle
[+ Element] — Reiter [Design Elements] — Table
| Spalte 1 | Spalte 2 | Spalte 3 | Spalte 4 |
|---|---|---|---|
| Spalte 1 Zeile 1 | Spalte 2 Zeile 1 | Spalte 3 Zeile 1 | Spalte 4 Zeile 1 |
| Spalte 1 Zeile 2 | Spalte 2 Zeile 2 | Spalte 3 Zeile 2 | Spalte 4 Zeile 2 |
| Spalte 1 Zeile 3 | Spalte 2 Zeile 3 | Spalte 3 Zeile 3 | Spalte 4 Zeile 3 |
Akkordeon
[+ Element] — Reiter [Design Elements] — Toggle
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.
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.
Wechselbilder (Slider)
[+ Element] — Reiter [Design Elements] — Media Slider
Zitat groß
[+ Element] — Reiter [Design Elements] — Tagline Box
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 klein
[+ Spalten] — Reiter [Library Columns] — Zitat klein
Das Element „Zitat klein“ ist letzten Endes nichts anderes, als ein 2-Spalter, welcher in jeder Spalte einen auf kursiv eingestellten Text enthält (Inhaltselement „Text Block“). Du musst also nicht unbedingt das in der Avada-Container-Bibliothek gespeicherte Bibo-Element „Zitat klein“ zum Einsatz bringen, sondern kannst dir das Element auch selbst zusammenbauen.
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,
Blaue Box im Einspalter
[+ Columns] — Reiter [Library Columns] — Blaue Box im Einspalter
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.
Blaue Box im Mehrspalter
[+ Spalten] — Reiter [Library Columns] — Blaue Box im Mehrspalter
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.
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.
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.
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.
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.
Beitragsteaser
[+ Spalten] — Reiter [Library Columns] — Beitragsteaser
Im Einspalter…
Im Zweispalter…
Im Dreispalter…
Text-Sondergrößen
Siehe Auswahlfeld „Formate“ im Text-Editor
| Sondergröße | Erläuterung |
|---|---|
| Sondergr. 1 | Entspricht dem Schriftgrad der Überschrift ersten Grades (H1) |
| Sondergröße 2 | Entspricht dem Schriftgrad der Überschrift ersten Grades (H2) |
| Sondergröße 3 | Entspricht dem Schriftgrad der Überschrift ersten Grades (H3) |
| Sondergröße 4 | Entspricht dem Schriftgrad der Überschrift ersten Grades (H4) sowie dem Inhaltselement „Teasertext“ |
| Sondergröße 5 | Entspricht dem Schriftgrad der Überschrift ersten Grades (H5) |
| Sondergröße 6 | Entspricht dem Schriftgrad der Bildunterschrift |
Bild-Karusell
[+ Element] — Reiter [Design Elements] — Image Carousel
YouTube Video
[+ Element] — Reiter [Library Elements] — Youtube Video
Karteikarte
[+ Element] — Reiter [Design Elements] — Tab
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.
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.
Prüfliste (Checklist)
[+ Element] — Reiter [Design Elements] — Checklist
Sortierte Auflistung
Siehe Button „Nummerierte Liste“ im Text-Editor
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Es ist möglich, dass eine Aufzählung unterbrochen und an anderer Stelle fortgesetzt wird. Dies kann bspw. der Fall sein, wenn die Aufzählung durch einen Absatz (Zwischentext) unterbrochen wird, aber auch, wenn sich eine Aufzählung über mehrere Spalten erstrecken soll (z.B. siehe nachfolgendem 2-Spalter).
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Mehr Details, wie dies zu bewerkstelligen ist, findest du im Klett-Blog-Tutorial unter Absatz „Sortierte Aufzählung“.
Unsortierte Auflistung
Siehe Button „Aufzählungsliste“ im Text-Editor
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Umfragen (Shortcode)
Admin-Menü: Umfragen
Wird geladen ... Wird geladen ...Link „PDF im Browser anzeigen“
[+ Element] — Reiter [Library Elements] — Link „Zeige PDF“
Spezieller Link, um PDF-Dateien anzubieten, die nicht heruntergeladen sondern gleich direkt im Browser angezeigt werden sollen.
Allerdings gelingt dieser Ansatz in aller Regel nicht mit Microsoft-Formaten wie EXCEL (.xls oder xlsx) oder WORD (.doc oder .docx).
Denn diese Dateiformate können von den allermeisten Browsern nur heruntergeladen, aber nicht angezeigt werden, ohne dass zuvor eine spezielle Browser-Erweiterung installiert wurde.
Button „Download einer Datei“
[+ Element] — Reiter [Library Elements] — Download-Link
Button „Audiodatei im Browser anhören“
[+ Element] — Reiter [Library Elements] — Audiodatei-Link
Artikel aus Klett Webshop einbinden
[+ Element] — Reiter [Library Elements] — Klett-Webshop-Artikel
H2-Überschrift mit Ausrichtung links
[+ Element] — Reiter [Library Elements] — H2-Überschrift mit Ausrichtung links
Die Nutzung einer linksbündigen Überschrift ist vorgeschrieben bei den Sektionen „Produktempfehlung“ und „Downloads“
Hinterlasse einen Kommentar