Opis
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.
Slike ekrana
The settings panel showing customization options for speed, cursor, and triggers. 
Example of the animated typing effect in action on the website frontend.
Instalacija
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]
<h1>This title will be printed.</h1>
<p>And this paragraph too.</p>
[/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.
<div class ='typewr-type'>
<h1>This title will be printed letter by letter.</h1>
<p>This text will be typed out letter by letter.</p>
</div>
You can create animation directly in the text
This word will be <span class='typewr-type'>animated</span>.
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’)”.
ČPP
-
How do I change the speed of the typing or the presence of a blinking cursor?
-
You can adjust the speed or showing the cursor in the plugin settings page (Settings -> Type-WR).
-
Does it work with special characters?
-
Yes, the script handles standard and most UTF-8 characters without issues.
Recenzije
Nema recenzija za ovaj dodatak.
Saradnici i programeri
“Type-WR” is open source software. The following people have contributed to this plugin.
Doprinositelji
Prevedi “Type-WR” na vaš jezik.
Zainteresirani za razvoj?
Pregledajte kôd, pogledajte SVN spremišteili se pretplatite na dnevnik razvoja od RSS.
Zapis promijena
1.0.0
- Initial release.
- Added core typing functionality via ‘typewr-script.js’.
- Included shortcode [typewr] and CSS class ‘typewr-type’.
