Shortcodes

Mit Short­codes kann man auf ein­fa­che Art und Wei­se for­ma­tie­run­gen erzeu­gen, für die sonst eini­ger Auf­wand nötig wäre.
[alert]

Anleitung:

• Short­codes immer im Text-Modus einfügen. 
• Erset­ze die äuße­ren run­den Klam­mern () durch ecki­ge [].[/alert]

Buttons

[button]Default[/button] (button]Default[/button)
[but­ton style=“primary”]Primary[/button] (but­ton style=“primary”]Primary[/button)
[but­ton style=“info”]Info[/button] (but­ton style=“info”]Info[/button)
[but­ton style=“success”]Success[/button] (but­ton style=“success”]Success[/button)
[but­ton style=“warning”]Warning[/button] (but­ton style=“warning”]Warning[/button)
[but­ton style=“danger”]Danger[/button] (but­ton style=“danger”]Danger[/button)
[but­ton style=“inverse”]Inverse[/button] (but­ton style=“inverse”]Inverse[/button)
[but­ton style=“link”]Link[/button] (but­ton style=“link”]Link[/button)
[but­ton size=“large”]Default[/button] (but­ton size=“large”]Default[/button)
[but­ton size=“small”]Default[/button] (but­ton size=“small”]Default[/button)
[but­ton size=“mini”]Default[/button] (but­ton size=“small”]Default[/button)

Alerts

[alert]This is the default alert box[/alert] (alert]This is the default alert box[/alert)
[alert style=“error”]War­ning!This is the error alert box[/alert]
(alert style=“error”]Warning!This is the error alert box[/alert)
[alert style=“success”]Suc­cess! This is the suc­cess alert box[/alert] (alert style=“success”]Suc­cess! This is the suc­cess alert box[/alert)
[alert style=“info”]This is the infor­ma­ti­on alert box[/alert] (alert style=“info”]This is the infor­ma­ti­on alert box[/alert)

Labels

[label]Default[/label] (label]Default[/label)
[label style=“success”]Success[/label] (label style=“success”]Success[/label)
[label style=“warning”]Warning[/label] (label style=“warning”]Warning[/label)
[label style=“important”]Important[/label] (label style=“important”]Important[/label)
[label style=“info”]Info[/label] (label style=“info”]Info[/label)
[label style=“inverse”]Inverse[/label] (label style=“inverse”]Inverse[/label)

Badges

[badge]1[/badge] (badge]1[/badge)
[badge style=“success”]2[/badge] (badge style=“success”]2[/badge)
[badge style=“warning”]3[/badge] (badge style=“warning”]3[/badge)
[badge style=“important”]4[/badge] (badge style=“important”]4[/badge)
[badge style=“info”]5[/badge] (badge style=“info”]5[/badge)
[badge style=“inverse”]6[/badge] (badge style=“inverse”]6[/badge)

Columns

[colum­ns size=“2” gap=“20px”]Es kann die Spal­ten­an­zahl und der Abstand der Spal­ten von­ein­an­der ein­ge­ge­ben wer­den. l hfdh fhg fhk dhfgkjdhk dhkg dkhg kdfhgkdjfhg kdfhgkj dhfgkhdfkg hdgh dfhg kdfhgkdfhgk dfhgk dfjgk hdf­gh dfhg kdfhgk dhgkdjhfkdhkg dhfkg dfgh dkfh kdfhg kdfhgk dhfk jdh dhfgk dhkg hdkfgdkfhg kdfhg kdhgk jdfkg hdkg hdkgh dkgh kdhg kdfhgk dhgkj dfhgk jdhge ojl­jfhgdgherhgdfhd d gdf gdhghdkg hdkgh dfhg kdfhg kdf[/columns]
(colum­ns size=“2” gap=“20px”]Your text[/columns)

Tabs

[tabs]
[tabs_nav]
[tabs_nav_item active=“active” id=“first”]First Tab[/tabs_nav_item]
[tabs_nav_item id=“second”]Second Tab[/tabs_nav_item]
[tabs_nav_item id=“third”]Third Tab[/tabs_nav_item]
[/tabs_nav]

[tabs_content]
[tabs_content_item active=“active” id=“first”]Integer posue­re erat a ante venena­tis dapi­bus posue­re velit aliquet.[/tabs_content_item]
[tabs_content_item id=“second”]Donec id elit non mi por­ta gra­vi­da at eget metus.[/tabs_content_item]
[tabs_content_item id=“third”]Nulla vitae elit libe­ro, a pha­re­tra augue.[/tabs_content_item]
[/tabs_content]
[/tabs]
Den Short­code dazu fin­det ihr hier: Short­code Colum­ns.

Wide Text

[widetext]FULL WIDTH TEXT[/widetext]
(widetext]FULL WIDTH TEXT[/widetext)

Galerie

(gal­lery) → Bei­spie­le