Descripción
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.
Capturas
The settings panel showing customization options for speed, cursor, and triggers. 
Example of the animated typing effect in action on the website frontend.
Instalación
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’)».
FAQ
-
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.
Reseñas
No hay valoraciones para este plugin.
Colaboradores y desarrolladores
«Type-WR» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores
Traduce «Type-WR» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
1.0.0
- Initial release.
- Added core typing functionality via ‘typewr-script.js’.
- Included shortcode [typewr] and CSS class ‘typewr-type’.
