WP Manifestindependent plugin directory
manifest / editor / rh-motion

RH Motion self-updates

Scroll-Animationen als per-Block-Attribut im Editor: Eingangs-Reveals, Dauer-Loops und Scroll-Effekte. FOUC-frei, respektiert prefers-reduced-motion.

by Robin Herbeck · github.com/herbeckrobin/rh-motion · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/herbeckrobin/rh-motion/archive/refs/heads/main.zip

Ships its own WordPress updater (Plugin Update Checker), so new versions show up under Dashboard → Updates.

Readme github.com/herbeckrobin/rh-motion ↗

Scroll-Animationen als Auswahl pro Block im Editor. Teil der rh-blueprint Kollektion.

Der Endkunde wählt die Animation rechts in der Block-Seitenleiste, kein Theme-Code, keine Hardcodes. FOUC-frei und respektiert prefers-reduced-motion.

Was es macht

  • Eingangs-Animationen (einmal beim Scrollen ins Bild): Eingeblendet, von links/rechts/unten eingeflogen, Aufploppen, Reihe gestaffelt.
  • Scroll-Effekte (an die Scroll-Position gekoppelt): Drehen, Parallax (per nativem animation-timeline, abschaltbar).
  • Dauer-Bewegungen (Loop): Wackelt, Zittert, Pulsiert, Bouncy, Drift. Kombinierbar mit einer Eingangs-Animation (der Loop startet nach dem Einfliegen).
  • FOUC-frei: ein synchrones Head-Script setzt den Bereitschafts-Zustand vor dem ersten Paint. Bei prefers-reduced-motion bleibt alles sofort sichtbar.
  • Editor-Parität: das Versteck-CSS lädt nur im Frontend, im Editor bleiben Blöcke sichtbar.

Einstellungen

Im Backend unter RH Blueprint → Animationen: globaler Schalter und ein Schalter, der die schwereren Scroll-Effekte erlaubt. Die eigentliche Auswahl passiert pro Block im Inspector-Panel „Animation".

Für Entwickler

Block-Whitelist und Animations-Sets sind filterbar:

  • rh-blueprint/motion/blocks (array): welche Blöcke die Auswahl bekommen.
  • rh-blueprint/motion/reveal_options (array wert => label): Eingangs-Animationen erweitern.
  • rh-blueprint/motion/loop_options (array wert => label): Loops erweitern.

Installation

ZIP hochladen und aktivieren. Der geteilte Core ist gebündelt.

Voraussetzungen

WordPress 6.5+, PHP 8.1+.