Type-WR allows you to easily implement the popular "typing text" animation effect without writing a single line of JavaScript.
Simply wrap the target text in a shortcode or use a specific CSS class, and the plugin will sequentially display the text character by character, simulating a traditional typewriter.
Key Features:
- Easy Integration: Use the [typewr] shortcode or apply the class 'typewr-type'.
- Customization: Control typing speed, the presence of a blinking cursor, and the conditions for when to show the animation.
- Lightweight: Minimal JavaScript footprint (typewr-script.js) ensuring fast page load times.
- Compatibility: Works seamlessly with the Block Editor (Gutenberg) and Classic Editor.
Manual Installation
- Upload the 'type-wr' folder to the '/wp-content/plugins/' directory.
- Activate the plugin through the 'Plugins' menu in WordPress.
Usage
1. Using the Shortcode:
Wrap your content with the shortcode:
[typewr]This text will be typed out letter by letter.[/typewr]
There may be nested tags inside. They will be printed one by one.
[typewr]
This title will be printed.
And this paragraph too.
[/typewr]
2. Using a CSS Class :
If you use code add the class 'typewr-type' to any HTML element (eg div, h1, h2, h3, pre, p ) on your page or post.
This title will be printed letter by letter.
This text will be typed out letter by letter.
You can create animation directly in the text
This word will be animated.
Setting
You can change the settings in the "Settings" menu: select "Type-WR".
Available Setting Attributes:
- speed : Time in milliseconds between each character (default: 50).
- cursor : Checkbox - show blinking cursor or not (default: true).
- trigger : When to start animation select "When loading the page" or "When an element appears on the screen" (default: 'load')".