Styleguide Standard Überschrift 1

Tortor Vestibulum Condimentum Dapibus Egestas Sem Bibendum Ridiculus Mollis Ligula Magna Tristique Euismod Ornare Egestas

2-spaltiges Raster (Überschrift 2)

Eine Seite beginnt immer mit einem Hero Image. Die Headline wird in dem Hero-Image-Element gepflegt und kann in allen Vollton-Farben angelegt werden.

Hier wird ein 2-spaltiges Rasterelement mit Textelementen genutzt. Die Farbe wird im Rasterelement festgelegt. Es stehen verschiedene Farben und deren Abstufungen zur Verfügung. Darin enthaltene Elemente werden automatisch eingefärbt. Icons und Links werden farblich an das Raster angepasst.

Soll der Hintegrund weiß sein und nur die Headline farbig, kann das über die "Header color" geändert werden. Dort stehen die Volltonfarben zur Verfügung.

Der Text kann im Editor über Stil -> große Schrift vergrößert werden. Dann wird die Schrift automatisch in eine zum Hintergrund passende Farbe eingefärbt. Der Text kann im Editor auch zentriert werden.

Styles

Überschrift 1

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5

Links

Link intern

Link extern

E-Mail

ungeordnete Liste 1
ungeordnete Liste 2
ungeordnete Liste 3

geordnete Liste 1
geordnete Liste 2
geordnete Liste 3

Tabellen	werden	über	das	Tabellenelement	angelegt.
Tabellen	werden	über	das	Tabellenelement	angelegt.
Tabellen	werden	über	das	Tabellenelement	angelegt.

Youtube Videos

Die machen halt Werbung

Youtube-Videos lassen sich über besondere Elemente einfügen. Dort muss nur die Video-ID oder -URL eingefügt werden. Es gibt zwei Darstellungsformen für Youtube-Videos:

Youtube-Video: Das Element ist für den Einsatz in Rastern gedacht und arbeitet ohne Vorschaubild.
Hero-Video: Das Youtube-Video geht über die gesamte Breite. Man kann eine Überschrift drauflegen und muss ein Vorschaubild hinzufügen.

Hero-Video

1-spaltiges Raster

Das ist ein 1-spaltiges Raster mit einem Textelement. Die Hintergrundfarbe ist Nordsee hell.

Wie lege ich ein Akkordeon an? (Überschrift 3)

Unter "Besondere Elemente" findet man das Akkordeon-Element. Dies ist ein spezielles Rasterelement. Textelemente innerhalb dieses Rasters werden automatisch als Akkordeons ausgegeben. Dafür muss immer eine Headline und Text angelegt werden. Akkordeons nehmen automatisch die Farbe des übergeordneten Rasters an.

1-spaltiges Raster schmal

Dies ist ein 1-spaltiges Raster mit der Option "schmale Darstellung" in Purpur hell.
Der Text in diesem Raster wird mittig auf der Seite angezeigt.

Für Zitate gibt es ein besonderes Element. Das gehört in ein 1-spaltiges schmales Raster.

Für Bilder weiter unten auf der Seite, die über die gesamte Breite gehen sollen, gibt es das Element "Bild volle Breite".

1-spaltiges Raster schmal Default Farbe

Über Plugins -> Display a Slider kann der Text-Slider angelegt werden. Dieser ist z.B. für Sprüche, Bibelverse gedacht.

Im Plugin muss unter Layout "Text Slider" ausgewählt werden.

Der Text kann im Editor über Stil -> Große Schrift vergrößert werden.

Der Text-Slider steht immer auf weißem Hintergrund (default Farb-Theme).

Die Farbe kann im Plugin bestimmt werden. Alle Farben und Farbabstufungen stehen zur Verfügung.

Kicker für z.B. Datum

Teaser links

Es müssen immer drei Teaser nebeneinander stehen. Für jeden einzelnen Teaser kann ein Farbthema gewählt werden.

Mehr erfahren

Teaser mitte

Das Farbtheme kann aber auch für das gesamte Element festgelegt werden. Das Teaserelement findet man unter "Besondere Elemente". Die Teaser brauchen nicht in ein Rasterelement.

Teaser rechts

Kicker unter dem Bild und Link sind optional. Man sollte jedoch darauf achten, dass der Text und Link springt, wenn nicht alle Teaser diese Infos haben.