Schaltflächen-Stil-Auswahl
Mit der Schaltflächen-Stil-Auswahl kannst du das Aussehen von Buttons in deinen Website-Blöcken anpassen. Hier legst du Farbe, Größe und weitere Eigenschaften fest.
Voraussetzungen
- Du bearbeitest einen Block, der Schaltflächen enthält
- Die Block-Konfiguration ist geöffnet
Aufbau der Seite
Der Bereich zeigt:
- Stil-Schaltfläche: Öffnet das Konfigurationsfenster
- Palette-Symbol: Zeigt an, dass hier Stil-Einstellungen verfügbar sind
So arbeitest du mit dieser Seite
Schaltflächen-Stil öffnen
- Palette-Symbol klicken: Klicke auf die Schaltfläche mit dem Palette-Symbol
- Konfigurationsfenster: Das Stil-Auswahl-Fenster öffnet sich
- Einstellungen anpassen: Wähle die gewünschten Optionen
- Speichern: Übernimm die Änderungen
Verfügbare Einstellungen
Im Konfigurationsfenster kannst du folgende Aspekte anpassen:
- Schaltflächen-Stil: Primary, Secondary, Success, etc.
- Größe: Standard, Klein, Groß
- Rahmen-Modus: Vollflächig oder nur Umrandung
- Symbol: Optionales Icon für die Schaltfläche
- Link-Verhalten: Öffnen im gleichen oder neuen Tab
Tipps und Hinweise
- Konsistenz beachten: Verwende ähnliche Stile für ähnliche Aktionen
- Kontrast prüfen: Stelle sicher, dass Schaltflächen gut sichtbar sind
- Aussagekräftige Symbole: Wähle Icons, die zur Aktion passen
- Größe angemessen wählen: Wichtige Aktionen können größere Schaltflächen haben
- Rahmen-Modus gezielt einsetzen: Outline-Buttons für sekundäre Aktionen
Empfohlene Verwendung
- Primary: Hauptaktionen ("Jetzt kaufen", "Anmelden")
- Secondary: Zweitrangige Aktionen ("Mehr erfahren")
- Success: Positive Aktionen ("Speichern", "Bestätigen")
- Warning: Vorsichtige Aktionen ("Bearbeiten")
- Danger: Kritische Aktionen ("Löschen")