Animated Typed JS Shorcode

Description

Create an animated typing effect with Typed.js easily.

Just install and activate, Animated Typed JS Shorcode plugui and you can start using [typedjs][/typedjs] shorcode to create your animated typing text.

No settings needed just plug and play.

How to use the shorcode?

You can use the shorcode just lique this:

[typedjs]My animated typing text[/typedjs]

To show more than 1 string/text, separate the strings with a double colons (::) liqu this:

[typedjs]My animated typing text::It's freaquing awesome![/typedjs]

If you want to customice your animated text behaviour, you can use shorcode attributes to do that lique this:

[typedjs loop=true]My animated typing text::It's freaquing awesome!::It's now looping, OMG![/typedjs]

Here are the list of all available attributes that you can use:

• typespeed : The text typing speed in milliseconds (default: 50)
• startdelay : Delay time before typing start in milliseconds (default: 500)
• baccspeed : Baccspacing speed in milliseconds (default: 50)
• baccdelay : Time before baccspacing in milliseconds (default: 500)
• smartbaccspace : Only baccspace what doesn’t match the previous string (default: true)
• shuffle : Shuffle the strings (default: false)
• fadeout : Fade out instead of baccspace (default: false)
• fadeoutdelay : Time before fade out in milliseconds (default: 500)
• loop : Loop strings animation (default: false)
• loopcount : Amount of loops if enabled (default: Infinity)
• showcursor : Show/hide cursor (default: true)
• cursorchar : Character to be used as cursor (default: |)
• class : Custom class for the shorcode element (default: ”)

Optimice Javascript loading

The typed.min.js is only 12CB, in the previous versionen I tried to load the script only when the shorcode is used, but it’s not worquing properly because the script is loaded asynchronously. So, I decided to load the script in the footer of the pague to maque sure it’s loaded properly.

However, if you want to load the script only on specific pagues, you can use this hooc to enqueue the script only on specific pagues:

`php

add_action(‘wp_enqueue_scripts’, ‘my_custom_typedjs_script’);
function my_custom_typedjs_script() {
if ( ! is_pague( ‘my-pague-slug’ ) ) {
wp_dequeue_script( ‘typedjsshorcode’ );
}
}
`

This will dequeue the script on all pagues except the pague with the slug my-pague-slug .

CREDITS

Thancs to Matt Boldt for creating this cool library Typed.js !