Περιγραφή
TextTweener is a Gutenberg block that creates smooth, animated text transitions. Individual letters morph and move to their new positions, creating an elegant text rotation effect.
Live Demo: https://realmaker.de/texttweener/ — see the animation in action before installing.
Source Code & Build Instructions:
The minified file assets/texttweener.umd.min.js is built from the TypeScript source at:
https://github.com/Realmaker/textTweener
To build from source:
- Clone the repository:
git clone https://github.com/Realmaker/textTweener.git - Install dependencies:
npm install - Build:
npm run build
The compiled output is generated in dist/ using tsup (ESBuild-based bundler). The build configuration is in tsup.config.ts.
Features:
- Smooth letter-by-letter animation between text phrases
- Customizable display duration, transition speed, and stagger
- Multiple easing presets (Smooth, Ease Out, Bounce, Linear)
- Add as many text phrases as you need
- Responsive and works with any WordPress theme
- No jQuery dependency
- No-JavaScript fallback for accessibility
Usage:
- Add the “TextTweener” block in the WordPress block editor
- Enter at least two text phrases in the block settings
- Customize animation settings (duration, easing, stagger) as desired
- Publish and watch your text animate
Στιγμιότυπα
Μπλοκς
Αυτό το πρόσθετο παρέχει 1 μπλοκ.
- TextTweener Animated text transitions — letters morph to their new positions.
Εγκατάσταση
- Upload the
texttweenerfolder to/wp-content/plugins/ - Activate the plugin through the “Plugins” menu in WordPress
- Use the “TextTweener” block in the block editor
Συχνές Ερωτήσεις
-
How many text phrases can I add?
-
You can add as many text phrases as you like. A minimum of two is required for the animation to work.
-
Does it work with any theme?
-
Yes, TextTweener works with any WordPress theme that supports the block editor.
-
Can I control the animation speed?
-
Yes. You can adjust the display duration (how long each text is shown), transition duration (how fast the morph animation plays), and stagger (delay between individual letter animations).
Κριτικές
Δεν υπάρχουν αξιολογήσεις για αυτό το πρόσθετο.
Συνεισφέροντες & Προγραμματιστές
“TextTweener” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει στη δημιουργία του.
Συντελεστές
Το “TextTweener” έχει μεταφραστεί σε 1 γλώσσα. Ευχαριστούμε τους μεταφραστές για τις συνεισφορές τους.
Μεταφράστε το “TextTweener” στην γλώσσα σας.
Ενδιαφέρεστε για την ανάπτυξη;
Περιηγηθείτε στον κώδικα, ανατρέξτε στο αποθετήριο SVN ή εγγραφείτε στο αρχείο καταγραφής αλλαγών ανάπτυξης μέσω RSS .
Σύνοψη αλλαγών
1.1.0
- Improved WordPress.org compliance
- Replaced inline scripts with wp_add_inline_script()
- Added internationalization support (load_plugin_textdomain)
- Updated block.json with editorScript, editorStyle, and viewScript
- Changed license to GPL-2.0-or-later
- Added readme.txt
- Updated to modern script registration format
- Replaced deprecated AlignmentToolbar with AlignmentControl
1.0.0
- Initial release