hallowebsite Link Underline Effects

Überblick

hallowebsite Link Underline Effects gibt deinen Text- und Menü-Links eine edle Unterstreichung: eine sichtbare Ruhelinie, die beim Hover animiert – sie wächst zum Beispiel ein, wird dicker oder verwandelt sich in einen Textmarker. Du schaltest den Effekt global für typische Kadence-Bereiche ein (Inhalt, Row Layouts, Seitenleiste/Footer, Header- und Footer-Menü) oder gezielt per CSS-Klasse an Block, Menüpunkt oder Link. Eine Live-Vorschau auf der Einstellungsseite zeigt jede Änderung sofort.

Funktionen

• Hover-Effekte: von links einwachsen, von rechts einwachsen, aus der Mitte, Durchlaufen, Linie wird dicker, Textmarker (untere Hälfte), Hinterlegung (volle Höhe) oder statisch.
• Ruhelinie: keine, dezent (halbtransparent), durchgezogen, gestrichelt oder gepunktet – für Menüs separat einstellbar.
• Linienstärke, Abstand, Farbe, Hover-Farbe, Text-Hover-Farbe, Schriftstärke, Geschwindigkeit und Easing.
• Markierung der aktuellen Seite im Menü: aus, nur aktuelle Seite oder aktuelle Seite plus übergeordnete Punkte.
• Globale Bereiche, abgestimmt auf Kadence: Fließtext, Kadence Row Layouts, Seitenleiste/Footer-Texte, Header-Menü und Footer-Menü.
• Klassen zum Einschalten, Abwandeln oder Ausschließen – pro Bereich.
• Live-Vorschau aller Effekte und Linienstile im Backend.

Einrichtung

1. Einstellungen → Underline Grow öffnen.
2. Die Bereiche wählen, in denen der Effekt global greift.
3. Effekt, Ruhelinie, Farben und Timing wählen, die Live-Vorschau prüfen und speichern.

Klassen

Klasse	Wirkung
underline-grow	Schaltet den Effekt ein: am Block oder Container (alle Textlinks darin), am Menüpunkt (nur dieser) oder direkt am Link.
ug-marker, ug-thicken, ug-grow-center …	Ändert den Hover-Effekt für diesen Bereich. Alle Namen siehst du in der Vorschau.
ug-line-solid, ug-line-dotted …	Ändert die Ruhelinie für diesen Bereich.
no-underline-grow	Nimmt einen Link, Block oder Menüpunkt aus.

underline-grow ug-thicken ug-line-dotted

Die ug--Klassen verändern den Effekt nur, sie schalten ihn nicht allein ein. Eintragen unter Block → Erweitert → Zusätzliche CSS-Klasse(n). Für Menüpunkte unter Design → Menüs → Ansicht anpassen die Option CSS-Klassen aktivieren.

Farben mit Kadence

.site-footer { --ug-color: var(--global-palette1); }

Hinweise für Kadence

• Für das Header-Menü im Customizer den Navigationsstil auf Standard stellen, sonst liegen zwei Effekte übereinander.
• Unterstreicht Kadence Links im Inhalt schon selbst, den Link-Stil auf keine Unterstreichung stellen.

Changed:
- Rebranding: neuer Name „hallowebsite Link Underline Effects“, Autor hallowebsite, Plugin-URI https://hallowebsite.de/plugins/link-underline-effects/
- Keine funktionalen Änderungen.