Navigation

Buttons

Der Shortcode [button] … [/button] erzeugt farbige Schaltflächen.

Hier anmelden!

Shortcode:

[button] … [/button]

Mögliche Attribute:

  • link="https://www.meine-domain.de": Linkziel des Buttons
  • size="xsmall"  bzw. small / medium / large / xlarge: Größe des Buttons (Standard: medium)
  • style="success" bzw. info / warning / danger: erzeugt ein Layout ähnlich den Bootstrap-Buttons
  • color="#1f4c7a": eigene Hintergrundfarbe definieren (Angabe im Hexadezimalcode)
  • border_color="#8fb1ef": eigene Randfarbe definieren (Angabe im Hexadezimalcode)
  • font="dark": dunkle Schrift wählen, wenn ein heller Hintergrund eingestellt wurde
  • width="full" / width="200": Breite des Buttons festlegen. Wahlweise volle Breite („full“) oder die gewünschte Breite in Pixel angeben. Ohne Angabe richtet sich die Breite nach dem Text auf dem Button.

Wurde eine eigene Hintergrund- oder Randfarbe eingestellt, wird das style-Attribut ignoriert.

Beispiele:

[button link="#" style="success"]success[/button]

success info warning danger primary

[button link="#" size="xsmall"]xsmall[/button]

xsmall small medium large xlarge

[button link="#" width="full" color="#e5efea" border_color="#aacfbd" font="dark" ]Fullwidth-Button mit eigenen Farben[/button]

Fullwidth-Button mit eigenen Farben

[button link="#" width="300" color="#5a6268"]300px breiter Button[/button]

300px breiter Button