TZM Block Scroll Animations

Beschreibung

TZM Block Scroll Animations erweckt deine Blöcke zum Leben mit sauberen scroll-gesteuerten Animationseffekten. Animiere Eigenschaften wie Position, Größe, Drehung, Deckkraft und mehr – alles direkt im Gutenberg-Editor in nur wenigen Sekunden.

Funktionen

  • Animations-Editor: Eine übersichtliche und intuitive Oberfläche, die keine Programmier- oder Skriptkenntnisse erfordert. Erstelle aufsehenerregende scrollbasierte Animationen in nur wenigen Klicks.

  • Start-/Endwert-basierte Animationen: Animiere Bewegung, Rotation, Skalierung, Deckkraft, Farbsättigung und Unschärfe mit einem einfachen Start-zu-Ende-Werte-Workflow, der das Verhalten der Animation vorhersehbar macht.

  • Anpassbarer Timeline-Bereich: Lege den Scroll-Bereich fest, der die Animation steuert, indem du Blöcke auswählst oder benutzerdefinierte CSS-Selektoren für maximale Flexibilität verwendest.

  • Integrierte responsive Steuerung: Weise jedem Gerät – Desktop, Laptop, Tablet und Phone – eigene Animationseinstellungen zu.

  • Easing-Kurven: Wende zusätzliche Feinabstimmungen an, indem du nicht-lineare Easing-Kurven verwendest, um den Verlauf der Animation entlang der Scroll-Timeline anzupassen.

Quellcode

Der Quellcode für TZM Block Scroll Animations ist auf GitHub verfügbar!
Verfolge die Entwicklung, melde Probleme und beteilige dich an der Verbesserung des Plugins. Wir freuen uns über Beiträge, Feedback und Funktionswünsche aus der Community.

Screenshots

  • Schneller und intuitiver Workflow für Block-Animationen.

Installation

  1. Lade die Plugin-Dateien in das Verzeichnis /wp-content/plugins/tzm-block-scroll-animations hoch oder installiere das Plugin direkt über die Plugins-Seite in WordPress.

  2. Aktiviere das Plugin über den Bildschirm „Plugins“ in WordPress

FAQ

Benötigt dieses Plugin Programmier- oder Skriptkenntnisse?

Nein. Alle Animationen können im Animations-Editor über Eingabefelder und Schieberegler erstellt werden.

Warum kann ich bestimmte Blöcke nicht auswählen, wenn ich „Timeline-Bereich auswählen“ benutze?

Blöcke ohne HTML-Anker können nicht ausgewählt werden. Füge dem Block in den Block-Einstellungen einen Anker hinzu und versuche es erneut.

Kann ich Animationen für Mobilgeräte und Desktop deaktivieren oder unterschiedlich festlegen?

Ja. Der Animations-Editor unterstützt gerätespezifische Einstellungen. Aktiviere die entsprechenden responsiven Symbole, um für jedes Gerät eigene Werte festzulegen.

Ist dieses Plugin mit allen Themes kompatibel?

Block Scroll Animations funktioniert mit jedem Theme, das den Block-Editor korrekt unterstützt und standardkonformes Frontend-Markup verwendet.

Ich möchte Block Scroll Animations auf einer Nicht-WordPress-Website verwenden. Ist das möglich?

Das Plugin kann zwar nicht außerhalb der WordPress-Umgebung eingesetzt werden, du kannst jedoch einen Blick auf die ScrollageJS-Bibliothek werfen, die dieses Plugin antreibt: https://github.com/jakobwiens7/scrollage-js.

Rezensionen

Für dieses Plugin gibt es keine Rezensionen.

Mitwirkende und Entwickler

„TZM Block Scroll Animations“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

Änderungsprotokoll

1.0.0

  • Erstveröffentlichung 🙂