Einen Button gestalten

Hier stellst du das Aussehen eines Buttons ein: welche Farbe und Größe er haben soll, ob er mit Symbol und Rahmen angezeigt wird, und in welchem Tab der Link geöffnet werden soll. Die Vorschau zeigt dir sofort, wie der Button auf deiner Website aussieht.

Voraussetzungen

Du bearbeitest gerade einen Button-Block auf einer Seite.

So gehst du vor

Stelle sicher, dass die Vorschau oben in der Mitte einen Button zeigt – das ist der aktuelle Zustand.
Wenn du möchtest, dass der Button nur einen Rahmen hat und nicht gefüllt ist, schalte Nur mit Rahmen ein. Diese Option steht nur bei bestimmten Farben zur Verfügung.
Wenn der Button in einem neuen Browsertab geöffnet werden soll, schalte In neuem Tab öffnen ein.
Unter Icon kannst du ein Symbol für den Button auswählen – z. B. ein Pfeil oder ein Plus. Klicke auf das Feld und wähle aus der Liste.
Im Feld Stil wählst du die Farbe des Buttons:
- Standard: Neutrale Grundfarbe
- Primary: Deine Markenfarbe (meist die Hauptfarbe)
- Akzent, Success, Danger, Warning, Light, Dark, Ghost, Link: Vordefinierte Farbvarianten
Im Feld Größe wählst du, wie groß der Button sein soll:
- Default: Standard-Größe
- Small: Kleiner Button
- Large: Großer Button
Die Vorschau oben aktualisiert sich sofort, wenn du eine Einstellung änderst. Kontrolliere dort, wie der Button aussieht.
Klicke Speichern, wenn du fertig bist.

Aufbau des Fensters

Die Vorschau zeigt deinen Button mit den aktuellen Einstellungen. Alle Felder darunter beeinflussen sein Aussehen:

Nur mit Rahmen: Schalter – nur bei Primary, Akzent, Dark und Light möglich
In neuem Tab öffnen: Schalter – bestimmt, ob der Button-Link in einem neuen Tab geöffnet wird
Icon: Auswahlfeld für ein Symbol, das auf oder neben dem Button angezeigt wird
Stil: Auswahlfeld für die Farbe des Buttons
Größe: Auswahlfeld für die Abmessungen des Buttons

Was danach passiert

Deine Einstellungen werden gespeichert, sobald du auf Speichern klickst. Der Button zeigt auf deiner Website sofort die neuen Einstellungen.

Tipps und Hinweise

Die Option Nur mit Rahmen funktioniert nicht bei allen Farbvarianten – sie ist deaktiviert, wenn sie nicht unterstützt wird.
Wenn du Nur mit Rahmen aktiviert hast und später eine Farbe wählst, die keinen Rahmen-Stil unterstützt, wird die Einstellung automatisch ausgeschaltet.
Teste deinen Button auf der Website im Browser, um sicherzustellen, dass Symbol und Größe gut aussehen – besonders auf Mobilgeräten.