Shortcodes

Mit Shortcodes hast du die Möglichkeit bestimmte vordefinierte Elemente in deinen Artikel oder deine Seite einzubauen. So kannst du den Text 2- oder 3-spaltig darstellen, per Info-Box wichtigen Inhalt besonders hervorheben oder einen Button einfügen.

Mehrspalten-Layout

Du kannst Text-Abschnitte in mehrere Spalten aufteilen. Der Shortcode für die Darstellung in zwei Spalten lautet:

[zweispalten]Inhalt des Textabschnitts[/zweispalten]

Wenn du einen Abschnitt in drei Spalten aufteilen möchtest, fügst du diesen Shortcode ein:

[dreispalten]Inhalt des Textabschnitts[/dreispalten]

Info-Boxen

Wenn du etwas besonders hervorheben möchtest, kannst du dazu Info-Boxen verwenden. Diese stehen in verschiedenen Farben zur Verfügung. Der Shortcode für eine Info-Box lautet:

[infobox color="farbe"]Inhalt der Info-Box[/infobox]

Als „Farbe“ kannst du verwenden:

• gelb
• orange
• rot
• blau
• oliv
• hellgrau
• dunkelgrau
• weiss

Buttons

Du kannst per Shortcode auch einen Button einfügen. Für diesen kannst du die Farbe, Größe und Ausrichtung bestimmen. Der Shortcode dazu lautet:

[button color="Farbe" size="Größe" ausrichtung="Ausrichtung" link="Link"]Beschriftung des Button[/button]

Als „Farbe“ kannst du verwenden:

• gelb
• orange
• rot
• blau
• oliv
• hellgrau
• dunkelgrau

Für „Größe“ kannst du verwenden:

• klein
• mittel
• gross

Als „Ausrichtung“ kannst du wählen zwischen

• rechts
• links

Das Ziel des Buttons gibst du unter „Link“ an.

Kleiner gelber Button Mittelgroßer gelber Button Großer gelber Button
Kleiner oranger Button Mittelgroßer oranger Button Großer oranger Button
Kleiner roter Button Mittelgroßer roter Button Großer roter Button
Kleiner blauer Button Mittelgroßer blauer Button Großer blauer Button
Kleiner oliver Button Mittelgroßer oliver Button Großer oliver Button
Kleiner hellgrauer Button Mittelgroßer hellgrauer Button Großer hellgrauer Button
Kleiner dunkelgrauer Button Mittelgroßer dunkelgrauer Button Großer dunkelgrauer Button

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. Rechts ausgerichteter mittelgroßer roter Button 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.

[button color="rot" size="mittel" ausrichtung="rechts" link="http://www.olivergast.de"]Rechts ausgerichteter mittelgroßer roter Button[/button]

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. Links ausgerichteter großer blauer Button 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.

[button color="blau" size="gross" ausrichtung="links" link="http://www.olivergast.de"]Links ausgerichteter großer blauer Button[/button]

Shortcodes kombiniert

[infobox color="orange"][zweispalten] ... [button color="rot" size="klein" ausrichtung="rechts" link="http://www.olivergast.de"]olivergast.de[/button] ... [/zweispalten][/infobox]