WP TypeIt Lite
This is the official free WordPress plugin for TypeIt , the most versatile animated typing utility on the planet. WP TypeIt Lite allows you to easily generate typewriter effects for your website by use of a single easy-to-configure shortcode. Place this shortcode on any post or page, and the effect
This is the official free WordPress plugin for TypeIt , the most versatile animated typing utility on the planet. WP TypeIt Lite allows you to easily generate typewriter effects for your website by use of a single easy-to-configure shortcode. Place this shortcode on any post or page, and the effect will be live.
The Perks
- Unobtrusive – All this plugin does is register a shortcode you can use in your posts.
- Lightweight – TypeIt is 100% vanilla JavaScript, so it won’t load any dependencies like jQuery.
- Performance in Mind – TypeIt will only be enqueued if it’s actually needed on the page.
- The Real Deal – This plugin is created and maintained by the creator of TypeIt itself.
Want More Features & Active Development?
Being a “lite” version, this plugin largely receives maintenance updates and will probably not gain any more features than what’s currently here. By purchasing a license for the fully-featured version of the plugin, you’ll get the following:
- Access to a Gutenberg block for creating highly customizable, dynamic effects.
- More features for the shortcode provided by the plugin.
- More frequent TypeIt source updates.
For more information, see here .
Using the Plugin
Make an Effect Using Shortcode Attributes
You can generate a typewriter effect by using a variation of the following shortcode in a post or page, passing each setting as a shortcode attribute.
At bare minimum, you need to pass a strings attribute:
[typeit strings="Look, I'm typing a string!"]
There also exists a wide set of attributes you may use to customize the typing effects. For example, setting speed (in milliseconds):
<h2>[typeit strings="Look, I'm typing a string!" speed="500"]</h2>
Or, making an effect continuously loop:
<h2>[typeit strings="This is a string that will loop!" speed="100" loop="true"]</h2>
Define Strings in an SEO-Friendly Way
As demonstrated, you can define a string to be typed by passing it in as a “strings” attribute. However, you may also define them by passing them inside of two enclosing shortcode tags:
