Editor X: Buttons hinzufügen und anpassen
9 Min. Lesezeit
Editor X wird zu Wix Studio, unserer neuen Plattform für Agenturen und Freelancer.Mehr über Wix Studio erfahren
Buttons sind eine großartige Möglichkeit, Besucher zu ermutigen, die gewünschten Aktionen auszuführen. Im Editor X kannst du bei Bedarf 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.
In diesem Artikel erfährst du, wie du deine Buttons optimal nutzen kannst:
Einen Button hinzufügen
Wenn du einen neuen Button hinzufügst, kannst du ein Design aus zwei Kategorien auswählen:
- Standard-Buttons: 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:
- Klicke oben links im Editor X auf Hinzufügen .
- Klicke auf Button.
- Scrolle durch die Designs und ziehe einen Standard-Button oder einen Design-Button auf deine Seite.
Über den Unterschied zwischen Standard-Buttons und Design-Buttons
Du suchst nach neuen Ideen?
Sieh dir diese Anleitungen zum Thema Buttons an:
Standard-Buttons anpassen
Nachdem du einen Standard-Button zu deiner Website 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.
Klicke unten, um zu erfahren, wie du Standard-Buttons anpasst:
Den Text ändern
Den Button verlinken
Das Design anpassen
Design-Buttons anpassen
Design-Buttons bieten unzählige Anpassungsoptionen, damit 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.
Klicke unten, um zu erfahren, wie du Design-Buttons anpassen kannst:
Den Text und/oder das Symbol ändern
Den Button verlinken
Das Design anpassen
Design-Glossar
Option | Erläuterung | Verwendung |
---|---|---|
Hintergrundfüllung | Füge verschiedene Füllungen wie Farben, Bilder, Muster und Farbverläufe hinzu, um einzigartige und farbenfrohe Effekte zu deinem Button hinzuzufügen. |
|
Ränder | Passe den Rand des Buttons an, um ihn hervorzuheben. Du kannst alle Seiten des Buttons zusammen oder jede Seite einzeln anpassen, indem du auf das Symbol zum Sperren oder Entsperren klickst. |
|
Ecken | Ändere die Ecken deines Buttons, um sie runder oder eckiger zu gestalten. Ändere die Größe aller Ecken zusammen oder passe jede Ecke separat an, indem du auf das Schloss-Symbol klickst. | Klicke auf das Pixelfeld in einer Ecke und gib die gewünschte Pixelanzahl ein. |
Schatten | Füge Schattenlagen zu deinem Button hinzu und passe die Farbe, Größe und vieles mehr an. |
Wenn du einen Upload-Button verwendest:
|
Layout | Ändere das Layout deines Buttons. |
|
Formatierungsoptionen für Text
Option | Erläuterung | Verwendung |
---|---|---|
Text anzeigen | Den Text auf deinem Button anzeigen oder ausblenden | Klicke auf den Schalter, um Text auf deinem Button anzuzeigen oder auszublenden. |
Design | Eine Vorlage für deinen Buttontext auswählen | Wähle eine Schriftvorlage aus dem Aufklappmenü aus. |
Schriftarten | Eine Schriftart für deinen Buttontext auswählen | Klicke auf das Aufklappmenü und wähle eine Schriftart aus. |
Schriftgröße | Die Größe des Buttontexts ändern | Ziehe den Schieberegler nach links oder rechts, um die Schrift zu vergrößern oder verkleinern, oder gib einen Wert ein. |
Textformatierung | Formatierungen auf deinen Text anwenden |
|
Zeichenabstand | Den Abstand zwischen den Textzeichen ändern | Ziehe den Schieberegler nach links oder rechts, um den Abstand zu ändern, oder gib einen Wert ein. |
Schatten | Einen Schatten für deinen Text erzeugen — es sind sogar mehrere Schatten möglich. | Klicke auf Schatten hinzufügen, um einen neuen Schatten hinzuzufügen. Klicke auf das Symbol für Schatten anpassen, um ihn zu gestalten. |
Design-Optionen für Symbole
Option | Erläuterung | Verwendung |
---|---|---|
Symbol anzeigen | Ein Symbol auf deinem Button anzeigen oder ausblenden | Klicke auf den Schalter, um das Symbol auf deinem Button anzuzeigen oder auszublenden. |
Größe | Die Größe deines Symbols ändern | Ziehe den Schieberegler nach links oder rechts, um die Größe deines Symbols zu ändern, oder gib einen Wert ein. |
Farbe | Die Farbe des Symbols ändern | Klicke auf das Farbfeld und wähle eine Farbe aus. |
Drehen | Die Drehung des Symbols anpassen | Ziehe den Griff, um die Drehung des Symbols anzupassen, oder gib die Gradzahl in das Textfeld ein. |
War das hilfreich?
|