Typed JS: A typewriter style animation

August 28, 2020

Typed JS: A typewriter style animation Plugin

This is a small plugin which allows you to use Typed JS when you put text between the shortcode [typedjs]Content[/typedjs]. Based on the code by Matt Boldt.

Installation

Upload the zipped file to the plug-ins section of WordPress.

Description

This plug-in allows you to use TypedJS in your WordPress installation. TypedJS is a typewriter style animation to engage your users and catch their attention. The text will be typed out. Just put your content between the [typedjs][/typedjs] tags. Use the + sign to use the backspace feature.
The additional parameters map up to TypedJS so typespeed parameter is in milliseconds and loop can only be true or false. It will add a typing effect.
Added parameter for the cursor styles just use standard CSS as shown in the installation instructions. I’d recommend using !important if it doesn’t work the first time.
To view a demo by the author, Matt Boldt of TypedJS click here: https://mattboldt.com/demos/typed-js/](https://mattboldt.com/demos/typed-js/).

Installation

  1. Upload typed-js.php to the /wp-content/plugins/ directory
  2. Activate the plug-in through the ‘Plug-ins’ menu in WordPress
  3. Place the shortcode wherever you need it. [typedjs]Content[/typedjs].
  4. To add parameters your would like for example: [typedjs typespeed="20" startdelay="800" backdelay="1002" backspeed="1" loop="false" cursor="color:#fff!important;"]Text Line 1 + Text Line 2 + Text line 3[/typedjs].

Details

  • Version: 1.2.0
  • Active installations: 1,000
  • WordPress Version: 3.0.1
  • Tested up to: 5.5.15

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars