Studio Editor: Buttons hinzufügen und anpassen

7 Min. Lesezeit
Buttons sind eine großartige Möglichkeit, Besucher zu ermutigen, mit einer Website zu interagieren. Im Studio Editor kannst du Buttons hinzufügen, die Text, ein Symbol oder beides anzeigen. Du hast die volle Kontrolle über das Design und Layout, damit du genau das Aussehen gestalten kannst, das du benötigst.
Beispiele für viele Button-Designs, die du im Studio Editor erstellen kannst
In diesem Artikel erfährst du mehr über folgende Themen:

Einen Button hinzufügen

Wenn du einen neuen Button hinzufügst, kannst du ein Design aus zwei Kategorien auswählen:
  • Standardbuttons: Diese Buttons zeigen nur Text an und haben ein eher „minimalistisches“ Aussehen.
  • Design-Buttons: Diese Buttons können sowohl Text als auch Symbole anzeigen und bieten erweiterte Anpassungsoptionen (z. B. Bildhintergründe, Farbverläufe und mehr).

Um einen Button hinzuzufügen:

  1. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  2. Klicke auf Button.
  3. Scrolle durch die Designs und ziehe einen Standardbutton oder einen Design-Button auf die Seite.
Du suchst nach neuen Ideen?
Sieh dir diese Anleitungen zum Thema Buttons an:

Standardbuttons anpassen

Nachdem du einen Standardbutton hinzugefügt hast, kannst du dessen Text ändern und auswählen, wohin er verlinkt. Sobald das eingerichtet ist, kannst du mit der Anpassung des Designs beginnen. Wähle eine andere Füllfarbe, füge einen Schatten hinzu und passe andere Einstellungen wie Abstand und Textformatierung an.

Um einen Standardbutton anzupassen:

  1. Wähle den entsprechenden Button.
  2. Wähle, was du anpassen möchtest:
Screenshot eines Standardbutton mit den Designoptionen des Inspektor-Panels

Design-Buttons anpassen

Design-Buttons bieten unzählige Anpassungsmöglichkeiten, sodass du sie bis ins letzte Detail gestalten kannst. Ändere den Text und das Symbol entsprechend der gewünschten Aktion, wähle, wie die beiden angeordnet werden sollen, lege einen Farbverlauf oder ein Bild als Hintergrund fest und vieles mehr.

Um den Design-Button anzupassen:

  1. Wähle den entsprechenden Button.
  2. Wähle, was du anpassen möchtest:
Screenshot eines Design-Buttons mit den Designoptionen des Inspektor-Panels

War das hilfreich?

|