hallowebsite Number & Text Animator

Überblick

hallowebsite Number & Text Animator animiert Kennzahlen und Wörter, sobald sie ins Bild scrollen. Zahlen zählen sanft bis zum Zielwert hoch, Tausender- und Dezimaltrennzeichen bleiben erhalten. Texte lösen sich über zufällige Buchstaben auf – wie bei einem Decoder-Effekt. Um den Wert herum kannst du Präfix, Suffix und ein Label setzen und den HTML-Tag wählen, z. B. h2 für SEO-relevante Zahlen. Alles mit einem Shortcode, ohne Abhängigkeiten.

Funktionen

• Effekte: count (Zahlen), scramble (Text) oder auto (automatisch erkannt).
• Zahlenformate wie 2.029 oder 7,36 bleiben erhalten.
• Präfix und Suffix, z. B. +, %, Mrd. €.
• Optionales Label in 8 Positionen um den Wert, mit Feinjustierung.
• Eigene HTML-Tags für Wert und Wrapper.
• Startet einmalig, sobald es sichtbar ist (IntersectionObserver, Schwelle 10 %).
• Eigene Klassen an Wrapper, Element, Wert und Label.
• Die alten Shortcodes [value_number] und [zahl_animator] funktionieren weiter.

Beispiele

[animator value="85" label="Standorte"]
[animator value="7,36" suffix=" Mrd. €"]
[animator value="2.029" effect="count"]
[animator value="HALLO"]
[animator value="Förderungen" duration="1600"]
[animator value="HALLO" effect="scramble" scramble_speed="45"]
[animator value="85" tag="h2"]

Attribute

Attribut	Standard	Beschreibung
value	–	Zielzahl oder Text.
effect	auto	auto, count, scramble, none.
duration	1400	Dauer der Animation in ms.
scramble_speed	45	Tempo der Buchstabenwechsel in ms.
prefix / suffix	–	Text vor/nach dem Wert.
label	–	Zusätzliches Label.
label_position	right	top, right, bottom, left, right-top, right-bottom, left-top, left-bottom.
label_vertical_align, label_top/right/bottom	–	Feinpositionierung des Labels.
align, value_position	left	Ausrichtung von Element und Wert.
tag / wrapper_tag	span / div	HTML-Tags für Wert und Wrapper.
class, item_class, value_class, label_class	–	Eigene CSS-Klassen.

Hinweise

• Die vollständige Referenz mit Live-Beispielen findest du unter Einstellungen → HW Animator.
• Ohne JavaScript wird der Endwert angezeigt.

Changed:
- Rebranding: neuer Name „hallowebsite Number & Text Animator“, Autor hallowebsite, Plugin-URI https://hallowebsite.de/plugins/number-text-animator/
- Keine funktionalen Änderungen.