I’m not a massive fan of web animations in WordPress (or otherwise!) unless they are a real “feature” of the design/UX and are done so very right!
That said, a little subtle movement on a web page can make things slightly more interesting – and I had to include some as part of the spec on a recent WordPress Block Theme build.
Simple animations are remarkably easy-ish to custom code but, in true WordPress style, I thought I’d I’d take a peek at the WordPress Plugin Repo to see if there are any that handle animations for WordPress Blocks – and of course there was!
In this WordPress Tutorial, I’ll share the plugin I discovered and walk you through how to use it to create animations on WordPress – plus show you a some examples of of some-real world uses.
00:00 Animations in WordPress
00:59 Install our plugin and get cracking
01:45 Simple animations
03:33 The nifty “trigger on offset” feature
04:02 Create Typing animations
05:03 Trigger animatons on hover
05:48 Some other animations
06:53 My of my examples of WordPress web animations
07:38 Checking the overhead of the animations on page load
08:33 Go create the animations – but don’t got crazy!
Plugin is here on the repo: https://wordpress.org/plugins/blocks-animation/
Grab some WordPress goodies here: https://jakson.co/freebies/
Ciao!
Jakson
wordpress #blockthemes #pagebuilder #wordpressdevelopment
