Ghostwriter

Static headings are boring, let’s get them moving.

I love the typing effect generated by typed.js. There is just something so fun about motion and I think we need more of it. I wanted to help people quickly and easily add this effect so we created Ghostwriter (like the 90’s PBS show).

I’m fascinated by the prospect of enhancing core blocks with cool new features. So instead of creating an entirely new block we wanted to try adding the effect to the core heading block. 

Who is typing this? Is it Ghostwriter?

The above heading is being animated with the Ghostwriter plugin. Isn’t that neat. Don’t you want this effect on your site?

Can I change ……. ?

typed.js is responsible for the typing effect and any of the typed.js options can be changed in Ghostwriter as well.

Default Options:

{
    strings: [ targetHeading.innerText ],
    typeSpeed: 75,
    loop: true
}

Please see this page for a complete list of customization options.

You can customize these options via the sbb_ghostwriter_typedjs_options filter.

Example:

add_filter( 'sbb_ghostwriter_typedjs_options', function( $options ) {
    $options[ 'typeSpeed' ] = 25;
    return $options;
} );