Einen Knopf gestalten
Hier legst du fest, wie ein Knopf auf deiner Website aussieht: welche Farbe und Größe er hat, ob er nur als Rahmen angezeigt wird, welches Symbol er trägt und ob er sich in einem neuen Browserfenster öffnet.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen.
So gehst du vor
Wähle einen Stil im Auswahlfeld Stil. Zur Auswahl stehen: Primary, Akzent, Success, Danger, Warning, Light, Dark, Ghost oder Link. Ist kein Stil ausgewählt, nutzt der Knopf den Standard-Stil.
Die Vorschau oben zeigt dir sofort, wie der Knopf mit diesem Stil aussieht.
Wähle eine Größe im Auswahlfeld Größe: Default, Small oder Large.
Schalte „Nur mit Rahmen" ein, wenn der Knopf nur noch einen Rahmen statt einer gefüllten Fläche zeigen soll. Diese Option ist nur für bestimmte Stile verfügbar – sie wird grau angezeigt, wenn sie für deinen gewählten Stil nicht passt.
Wähle ein Symbol (Icon) für den Knopf. Klicke dazu auf das Eingabefeld unter der Symbolliste – es öffnet sich eine Übersicht mit Tausenden von Icons. Such dir eines aus oder tipp den Namen des Icons ein.
Schalte „In neuem Tab öffnen" ein, wenn der Knopf einen Link zu einer anderen Website führt und sich diese in einem neuen Browsertab öffnen soll.
Klicke Speichern, um deine Einstellungen zu übernehmen. Das Fenster schließt sich, und dein Knopf wird mit den neuen Einstellungen angezeigt.
Aufbau des Fensters
Die Vorschau oben zeigt dir live, wie dein Knopf aussieht, während du die Einstellungen änderst.
Das Feld Symbol öffnet einen Icon-Finder, mit dem du aus einer großen Sammlung von Symbolen wählen kannst.
Das Auswahlfeld Stil bestimmt die Grundfarbe und das Aussehen des Knopfs.
Das Auswahlfeld Größe legt fest, ob der Knopf eher klein, normal oder groß angezeigt wird.
Was danach passiert
Sobald du speicherst, schließt sich das Fenster. Der Knopf wird auf deiner Website mit den neuen Einstellungen angezeigt.
Willst du die Einstellungen später noch ändern, öffnest du das Fenster erneut.
Tipps und Hinweise
- Die Option „Nur mit Rahmen" steht nicht für alle Stile zur Verfügung. Sie können sie nur nutzen, wenn der Stil passt – sonst ist das Eingabefeld ausgegraut.
- Mit der Vorschau siehst du sofort, wie jede Änderung aussieht – probiere verschiedene Stile und Größen aus, bevor du speicherst.
- Wenn du „In neuem Tab öffnen" einschaltest, öffnet sich der Ziellink in einem separaten Browsertab, statt die aktuelle Seite zu ersetzen.