Diese Seite zeigt neben dem Standard-Design und der Dokumentation auch viel Einstellungsmöglichkeiten im Backend, wo der komplette Header, das Grundgerüst aber auch der Footer zum Großteil ohne Code bearbeitet werden kann.

Folgender Inhalt gibt sämtliche Text-Blöcke des Gutenberg-Editors aus die man aus dem Standard kennt. Beginnend mit den Überschriften zu einem Absatz, hinzu diversen Text-Blöcken mit definierten Styles.
Gefolgt werden die Text-Ausgaben von Tabellen, Gruppen, Spalten sowie Bildern. Abschließend eine Abfrage-Loop von Beiträgen.

Erweiterungen vom Modulbüro und diverse Einstellungsmöglichkeiten können über das Menü erreicht werden.

„Und so beginnt es“

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5

Überschrift 6

Absatz

Dies ist ein Absatztest. 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.

Mit der Erweiterung „Newspaper Spalten“ lässt sich ein Absatz in 2 Spalten aufteilen.

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.

Listenpunkte

• Listenpunkt 1
• Listenpunkt 2
• Listenpunkt 3
  • Listenpunkt 3.1
• Listenpunkt 4
• Listenpunkt 5

1. Listenpunkt 1
2. Listenpunkt 2
3. Listenpunkt 3
   1. Listenpunkt 3.1
4. Listenpunkt 4
5. Listenpunkt 5

Zitat

Hallo! Tagsüber arbeite ich als Fahrradkurier, nachts bin ich ein aufstrebender Schauspieler und dies hier ist meine Website. Ich lebe in Berlin, habe einen großen Hund namens Jack, mag Piña Coladas, jedoch weniger (ohne Schirm) im Regen stehen gelassen zu werden.

eine Quellenangabe

Code

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.

Vorformatiert

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.

Pullquote

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.

Eine Quellenangabe

Vers

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.

Tabellen

mit aktiver Header und Footer Zeile

Button

Gruppen & Spalten

Gruppen und Spalten eignen sich, um das Layout im Inhalt etwas zu verfeinern.
Auch lassen sie sich mit Hintergründen (Farben/Bild), einem Rahmen mit oder ohne Radius stylen. Zudem haben wir aber noch mehr Möglichkeiten des Stylings hinzugefügt 😉

Bilder

Loop

Diese Loop nutzt ein Standard Format.
Der Nachteil, alle Inhalte müssen aktiv auf „verlinken“ gestellt werden.
Der Vorteil, alle Inhalte können im Backend Designtechnisch angefasst werden.

Diese Loop nutz das Template MB QueryLoop mit der Option das 2 Kacheln ausgegeben werden.
Der Vorteil hier ist der, das die ganze Kachel verlinkt ist.

Hinweis: Stelle bei der Abfrage-Loop -> Einstellungen die Option „Abfrage vom Template übernehmen“ aus.

Details / Akkordeon

Ein Titel

Lorem Ipsum Inhalt

• Beliebige Liste
• Listenpunkt, Beispiel