Du gestaltest hier eine Schaltfläche – ihre Farbe, Form, Größe und das Symbol darauf. Das Fenster öffnet sich in jedem Block, der eine Schaltfläche hat, zum Beispiel in einer Aufforderung zum Handeln oder einem Kontaktbutton.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen. Die Schaltfläche muss nur Einstellungen erlauben – manche erben die Gestaltung vom Abschnitt selbst.
So gehst du vor
Öffne die Einstellung Aussehen der Schaltfläche – das zeigt dir eine Vorschauschaltfläche mit der aktuellen Gestaltung.
Klick auf diese Schaltfläche, um das Fenster zu öffnen. Oben siehst du, wie die Schaltfläche auf heller Fläche aussieht.
Wähle die Art der Schaltfläche: durchgehend gefüllt, nur ein Umriss oder nur Text. Diese Wahl ist nicht möglich, wenn die Schaltfläche die Gestaltung ihres Abschnitts übernimmt.
Stelle die Farbe der Fläche oder Farbe von Schrift und Umriss ein – je nachdem, welche Art du gewählt hast. Du kannst:
- Eine Farbe selbst wählen
- Wie der Abschnitt wählen – dann passt sie sich später an, wenn du die Farbe des Abschnitts änderst
Der Hinweis zeigt dir, wie die Schrift darauf lesbar bleibt und wann sich die Schaltfläche von ihrer Umgebung abhebt.
Wähle die Form – rund, leicht abgerundet oder kantig.
Stelle die Größe ein: klein, normal oder groß.
Füge ein Symbol hinzu, wenn du eins brauchst:
- Klick auf die Schaltfläche neben dem Feld
- Wähle ein Symbol aus der Sammlung oder suche nach einem Stichwort
- Das Symbol erscheint in der Vorschau oben
Wenn du ein Symbol hinzugefügt hast und die Schaltfläche nicht die Gestaltung des Abschnitts übernimmt, wähle seine Lage: links neben dem Text, rechts davon oder nur das Symbol ohne Text. Wenn du nur das Symbol zeigst, bleibt der Text für Vorleseprogramme erhalten, wird aber nicht angezeigt.
Klick auf Feinheiten, um mehr Einstellungen zu sehen:
- Schrift: Großbuchstaben, normal oder unterstrichen
- Schatten: mit oder ohne Schlagschatten (nicht bei allen Arten möglich)
- Beim Überfahren: wie die Schaltfläche reagiert, wenn der Besucher mit der Maus darauf zeigt
- Breite: so breit wie ihr Platz oder schmaler – volle Breite heißt, sie nimmt den ganzen verfügbaren Platz ein
Der Hinweis erklärt, dass diese Einstellungen dem Design unter „Schaltflächen" folgen, wenn du „Wie die Website" wählst.
Klick auf Fertig, wenn du fertig bist.
Falls die Schaltfläche auf eine fremde Adresse zeigt, siehst du noch die Einstellung In neuem Fenster öffnen – schalte sie ein, wenn der Link sich in einem neuen Browserfenster öffnen soll.
Aufbau des Fensters
Das Fenster zeigt oben eine Vorschau, wie die Schaltfläche auf heller Fläche aussieht. Darunter folgen die Einstellungen:
- Art: die Form der Schaltfläche (gefüllt, Umriss, Text)
- Farbe der Fläche oder Farbe von Schrift und Umriss: abhängig von der gewählten Art
- Form: wie abgerundet die Kanten sind
- Größe: klein, normal oder groß
- Symbol: ein optionales Zeichen auf der Schaltfläche
- Lage des Symbols: wo das Symbol sitzt, wenn eines da ist
- Feinheiten: weitere Optionen wie Schrift, Schatten, Verhalten beim Überfahren und Breite
Unten im Fenster liegen zwei Schaltflächen: Aussehen zurücksetzen (nur sichtbar, wenn du schon etwas verändert hast) und Fertig.
Was danach passiert
Die Schaltfläche zeigt jetzt dein Aussehen. Speichere die Seite, um die Änderung zu sichern.
Wenn du die Schaltfläche später wieder so haben willst wie am Anfang, klick auf Aussehen zurücksetzen – das entfernt alle deine Einstellungen.
Tipps und Hinweise
Die Vorschau oben zeigt die Schaltfläche auf heller Fläche. Wie sie wirklich aussieht, siehst du in deiner Website, wenn du die Seite anschaust – besonders bei farbigen oder dunklen Abschnitten.
Wenn die Schaltfläche die Gestaltung des Abschnitts übernimmt, kannst du nur Größe und Symbol einstellen. Form und Farbe bestimmt der Abschnitt. Das ist sinnvoll, wenn mehrere Schaltflächen im gleichen Abschnitt gleich aussehen sollen.
Der Kontrast zwischen Schrift und Fläche wird für helle Hintergründe geprüft. Auf dunklen oder farbigen Abschnitten prüfe selbst nach.
Falls du einen sehr alten Schaltflächenstil verwendest, siehst du das im Fenster mit einer Uhr-Markierung. Der alte Stil bleibt erhalten, solange du ihn nicht änderst. Klick auf Auf Standard setzen, um zur modernen Gestaltung zu wechseln.