Paragraph Typewriter Effect

Description

EN | RU

Adds realistic typewriter animation to paragraphs with sequential display/erase effect.

How It Works Technically

  1. Splits content into paragraphs using wpautop()
  2. Uses JavaScript recursion with dynamic timeouts:
    • Type speed: 30-80ms/character (randomized)
    • Pause before erase: 2000ms
    • Erase speed: 10ms/character
  3. Pure CSS blinking cursor animation
  4. Conflict-free initialization check

RUAdds a typewriter effect with sequential output and erasing of paragraphs.

How the code works

  1. Splits content into paragraphs via wpautop()
  2. Uses recursive JavaScript:

– Typing speed: 30-80ms/character (randomized)
– Pause before erasing: 2000ms
– Erase speed: 10ms/character
3. CSS animation of the blinking cursor
4. Checking for initialization to avoid conflicts

Credits

Developed by Sergey_Vladimirovich with coding assistance from DeepSeek Chat AI.

Thanks

Developed by Sergey Vladimirovich with technical support from DeepSeek Chat AI.

Privacy

This plugin does not collect any user data.

Screenshots

  • Animation in progress
  • Settings panel

Installation

  1. Install via WordPress admin panel
  2. Activate the plugin
  3. Configure in Settings Paragraph Typewriter1. Install via WordPress admin panel
  4. Activate the plugin
  5. Configure in “Settings Typewriter Effect”

FAQ

How to change animation speed?

Use ptw_speed filter in child theme.

Does it work with Gutenberg?

Yes, compatible with classic and block editors.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Paragraph Typewriter Effect” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0

  • Initial release