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:

[two-columns]Inhalt des Textabschnitts[/two-columns]

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

[three-columns]Inhalt des Textabschnitts[/three-columns]

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:

• yellow
• orange
• red
• blue
• olive
• lightgray
• darkgray
• white
• transparent

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" align="Ausrichtung" link="Link"]Beschriftung des Button[/button]

Als „Farbe“ kannst du verwenden:

• standard
• yellow
• orange
• red
• blue
• olive
• lightgray
• darkgray

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

• small
• medium
• big

Als „Ausrichtung“ kannst du wählen zwischen

• right
• left

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

small standard button medium standard button big standard button
small yellow button mediumg yellow button big yellow button
small orange button medium orange button big orange button
small red button medium red button big red button
small blue button medium blue button big blue button
small olive button medium olive button big olive button
small lightgray button medium lightgray button big lightgray button
small darkgray button medium darkgray button big darkgray button
small transparent button medium transparent button big transparent 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="red" size="medium" align="right" 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="blue" size="big" align="left" link="http://www.olivergast.de"]Links ausgerichteter großer blauer Button[/button]

Shortcodes kombiniert

[infobox color="orange"][two-columns] ... [button color="red" size="small" align="right" link="http://www.olivergast.de"]olivergast.de[/button] ... [/two-columns][/infobox]