How is this achieved? Text appears to be typing?

dinneenp

Hi,

I really like the effect of this where it looks like part of the text is being typed in realtime.
Anyone know if there's a WP plugin I can use to achieve it?

Thanks,
Pa.

ressem

It's a JQuery plugin called typed.js
https://github.com/mattboldt/typed.js/

There seems to be a few wordpress plugins, but haven't tried them

daymobrew

It should be easy enough to incorporate the typed.js file into your site (wp_enqueue_script with a dependency on jquery) and create the JS with the words that are typed.

A shortcode might be the easiest way to add it to a page or post (or anywhere) e.g. [typed strings="First sentence|Second sentence|Third sentence"]

This would create the enqueue the script (in the footer), create the JS code and the html element.

If you need help just reply on this thread. It would be something I could write and blog about (I'm trying to come up with topics these days).

AndrewJRenko

dinneenp wrote: »

Hi,

I really like the effect of this where it looks like part of the text is being typed in realtime.
Anyone know if there's a WP plugin I can use to achieve it?

Thanks,
Pa.

Are you sure you want to make your text hard to read? Why provide text if you're going to make it hard to read.

dinneenp

AndrewJRenko wrote: »

Are you sure you want to make your text hard to read? Why provide text if you're going to make it hard to read.

I thought it's eye catching and if used for only a small amount of words OK.
Maybe most people dislike it? Would be interested for opinions.

daymobrew

The eye loves motion - it would be eye catching. Go for it.

AndrewJRenko

dinneenp wrote: »

AndrewJRenko wrote: »

Are you sure you want to make your text hard to read? Why provide text if you're going to make it hard to read.

I thought it's eye catching and if used for only a small amount of words OK.
Maybe most people dislike it? Would be interested for opinions.

To me, it would be a bit gimmicky, and just hard to read, especially if you have dyslexia. Don't be this guy;