Wie passe ich einen Link-Style an?

Das Anpassen eines Linkstyles kann dazu beitragen, dass Links für Besucher auf Ihrer Website besser sichtbar und auffälliger werden. In dieser Anleitung zeigen wir Ihnen, wie Sie bereits vorhandene Linkstyles anpassen können, um die Darstellung von Links auf Ihrer Website nach Ihren Wünschen zu ändern.

1. Klicken Sie in der Navigationsleiste auf Style
2. Wählen Sie den zu bearbeitenden Style aus
3. Klicken Sie im Menü links auf die Rubrik Links
4. Klicken Sie auf den zu bearbeitenden Link, um das Fenster Edit Links zu öffnen oder wählen Sie im Dreipunkte Menü des jeweiligen Linkstyles den Punkt Bearbeiten aus

Schriftformat

Sie können für Ihren Linkstyle eine eigene Schrift verwenden, die in der Rubrik "Fonts" definiert ist. Verwenden Sie eine vorhandene Schrift oder legen Sie neue Schriften an falls Sie andere Schriftarten benötigen.

1. Klicken Sie auf das Feld Font style
2. Wählen Sie im Dropdown Menü Ihr gewünschtes Schriftformat, durch einen Klick aus

Hover-Effekt

Hover-Effekte für Links können verwendet werden, um dem Nutzer ein visuelles Feedback zu geben, wenn er mit dem Mauszeiger über einen Link fährt. Dies kann beispielsweise durch eine Änderung der Farbe, des Hintergrunds oder anderer visueller Elemente geschehen. 

1. Mit einem Klick auf den Tab Hover öffnen Sie die Einstellungsmöglichkeiten für den Hoffer-Effekt
2. Passen Sie den Hover-Link nach belieben an

Farben im Link

Wählen Sie eine passende Schriftfarbe für Ihren Link aus, die sich gut von der Hintergrundfarbe des Links abhebt, um eine klare Lesbarkeit zu gewährleisten.

1. Klicken Sie auf das Feld Font color
2. Wählen Sie eine beliebige Farbe aus

Wählen Sie eine passende Hintergrundfarbe für Ihren Link aus

1. Klicken Sie auf das Feld Background color
2. Wählen Sie eine beliebige Farbe aus

Innenabstand

Der Abstand zwischen dem Text oder Inhalt eines Links zum Rand, kann mit dem Padding definiert werden.

1. Klicken Sie in das Eingabefeld der jeweiligen Abstandsrichtung:
   1. Padding top (Innenabstand nach oben)
   2. Padding bottom (Innenabstand nach unten)
   3. Padding left (Innenabstand nach links)
   4. Padding right (Innenabstand nach rechts)
2. Geben Sie den gewünschten Abstand ein z. B. 10px

Kantenradius 

Mit dem Border Radius kann festgelegt werden, wie Stark die Ecken eines Links abgerundet oder eckig sein sollen. Ein höherer Wert führt zu stärker abgerundeten Ecken, während ein Wert von 0px eckige Kanten erzeugt.

1. Klicken Sie in das Eingabefeld des jeweiligen Kantenradius:
   1. Top left: Kante oben links
   2. Top right: Kante oben rechts
   3. Bottom right: Kante unten rechts
   4. Bottom left: Kante unten links
2. Geben Sie den gewünschten Radius ein z. B. 10px für leicht abgerundete Kanten

Rahmen

Sie können Ihrem Button einen Rand hinzufügen und diesem verschiedene Eigenschaften wie Farbe, Dicke und Stil des Randes geben.

1. Klicken Sie in das Feld Border width, um die Dicke des Rahmens einzugeben z. B. 1px
2. Wählen Sie unter Border color die Farbe aus, die der Rahmen haben soll
3. Wählen Sie die Kanten aus, an denen ein Rahmen dargestellt werden soll 
   1. Border top (Rahmen oben)
   2. Border bottom (Rahmen untern)
   3. Border left (Rahmen links)
   4. Border right (Rahmen rechts)
4. Wählen Sie den Stildes Rahmens für die jeweilige Kante aus
   1. Keiner (Keinen Rahmen)
   2. Durchgängig
   3. Gepunktet 
   4. Gestrichelt

Speichern

Nachdem Sie alle gewünschten Einstellungen vorgenommen haben, vergessen Sie bitte nicht, auf den Speichern-Button zu klicken. Beachten Sie, dass alle Änderungen verloren gehen, wenn Sie das Fenster schließen, ohne auf den "Speichern"-Button zu klicken.

Das könnte Sie auch Interessieren