Einen Website-Knopf gestalten

Hier legst du fest, wie ein Knopf auf deiner Website aussieht: seine Farbe, Größe, ob ein Symbol davorkommt und ob er in einem neuen Fenster öffnet. Eine Vorschau zeigt dir sofort das Ergebnis.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Du öffnest dieses Fenster, wenn du einen Knopf in einem Block gestalten möchtest.

Aufbau des Fensters

Oben siehst du eine Vorschau des Knopfes mit den Einstellungen, die du gerade vornimmst. Darunter folgen die Einstellungsfelder in dieser Reihenfolge:

Nur mit Rahmen: Ein Schalter, den du einschalten kannst, wenn der Knopf nur einen Umriss haben soll statt gefüllt zu sein. Diese Option steht nur bei bestimmten Stilarten zur Verfügung.
In neuem Registerkarte öffnen: Ein Schalter für den Link-Zielort.
Icon auswählen: Ein Feld für ein optionales Symbol.
Stil: Auswahlfeld für die Farbe und das Aussehen.
Größe: Auswahlfeld für die Abmessungen.

Unten speicherst du deine Einstellung mit der Schaltfläche Speichern.

So gehst du vor

Stil wählen: Öffne das Auswahlfeld Stil und wähle eine Farbe wie Primary, Akzent, Success, Danger, Warning, Light, Dark, Ghost oder Link. Die Vorschau oben passt sich sofort an.
Größe wählen: Stelle im Auswahlfeld Größe ein, ob der Knopf Default, Small oder Large sein soll.
Rahmen einschalten (optional): Falls der gewählte Stil es erlaubt, schalte den Schalter Nur mit Rahmen ein, um den Knopf nur als Kontur darzustellen.
Symbol hinzufügen (optional): Wähle im Feld Icon auswählen ein Symbol aus, das vor dem Knopftext angezeigt wird, oder lasse das Feld leer.
Link-Verhalten: Schalte In neuem Registerkarte öffnen ein, wenn der Knopf einen Link in einem separaten Fenster öffnen soll.
Speichern: Klicke auf Speichern, um die Einstellung zu übernehmen und das Fenster zu schließen.

Was danach passiert

Der Knopf wird mit deinen Einstellungen auf der Website angezeigt. Änderungen am Stil oder der Größe wirken sich sofort auf die Vorschau aus, sodass du das Ergebnis vor dem Speichern siehst. Du kannst die Einstellung jederzeit erneut öffnen und anpassen.

Tipps und Hinweise

Der Schalter Nur mit Rahmen funktioniert nur bei den Stilarten Primary, Akzent, Dark und Light. Bei anderen Stilen ist die Option nicht verfügbar.
Wenn du Nur mit Rahmen einschaltest und dann den Stil wechselst zu einem, der diese Option nicht unterstützt, wird der Schalter automatisch wieder ausgeschaltet.
Die Vorschau zeigt dir immer das aktuelle Aussehen – nutze sie, um deine Wahl zu überprüfen, bevor du speicherst.