Block Themes: How to create Animations in WordPress !
JAKSON
@wpjaksonAbout
Hey! I’m Jakson – WordPress junky, YouTuber and wannabe Italian. I’ve been woking with the Web for more than 17 years, from the days of straight HTML & CSS, through pretty much every Content Management System, Ecommerce and bespoke Web Apps. I fell in love with WordPress and eventually made that my main focus – and haven’t looked back – If you love WordPress too, your in the right place! I Teach WordPress here on YouTube and also at my home on the web https://jakson.co/ - where you’ll also find a ton of WordPress related resources, tips, tricks and freebies! I hope I can help in your WordPress journey, wether you’re just starting out or need some new tricks. Ciao, grazie! Jakson
Latest Posts
Video Description
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 https://jakson.co/ #wordpress #blockthemes #pagebuilder #wordpressdevelopment
You May Also Like
Upgrade Your iPhone Experience
AI-recommended products based on this video

ESR 3 Pack for iPhone 16e/ iPhone 14/ iPhone 13/ iPhone 13 Pro Privacy Screen Protector, Anti-spy Tempered-Glass Privacy Screen Protector, Micro-curved Edges, Case Friendly

Apple AirPods Pro 2 Wireless Earbuds, Active Noise Cancellation, Hearing Aid Feature, Bluetooth Headphones, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

Anker Power Bank(PowerCore 10K),Compact Travel-Ready 10,000mAh Battery Pack with PowerIQ Charging Technology,5V/3A High-Speed Charging for iPhone,iPad,and More (USB-C Input and Output(Black),1pack) ClimatePartner certified

ESR 3 Pack for iPhone 16e/ iPhone 14/ iPhone 13/ iPhone 13 Pro Privacy Screen Protector, Anti-spy Tempered-Glass Privacy Screen Protector, Micro-curved Edges, Case Friendly

Anker USB C to USB C Cable, Type-C 60W Fast Charging Cable (6FT, 2Pack) for iPhone 16 Series, iPad mini 6 and More (Black) ClimatePartner certified

Kaistyle for Magsafe Car Mount【20 Strong Magnets】 Magnetic Phone Holder for Car Phone Holder Mount Dash Cell Phone Holders for Your Car Accessories for Women Men for iPhone 17 Pro Max 16 15 14 13 12 ClimatePartner certified
![Car Phone Holder for Magsafe [78+LBS Strongest Suction & 2400gf Magnetic] 360° Adjustable Car Phone Mount, Phone Holders for Your Car for iPhone 17 Pro Max 16 15 14 13 12 Air Plus (Carbon Fiber) Global Recycled Standard](https://m.media-amazon.com/images/I/712lUnThXpL._AC_UL960_FMwebp_QL65_.jpg)
Car Phone Holder for Magsafe [78+LBS Strongest Suction & 2400gf Magnetic] 360° Adjustable Car Phone Mount, Phone Holders for Your Car for iPhone 17 Pro Max 16 15 14 13 12 Air Plus (Carbon Fiber) Global Recycled Standard

Lenovo ThinkPad E16 Business Laptop, 16" FHD+ Touchscreen, Intel i7-1355U, 40GB RAM, 1TB SSD, AI Copilot, Fingerprint, Backlit KB, HDMI, Wi-Fi 6, Windows 11 Pro, Bundle with UC310 64GB USB Flash Drive

HP EliteDesk 805 G9 Business SFF Desktop, AMD Ryzen 5 8500G, 32GB DDR5 RAM, 1TB SSD, HDMI, DisplayPort, RJ-45, Wi-Fi, Windows 11 Pro, Black, Bundle with ADATA UC310 64GB USB Flash Drive

MSI Thin 15 Gaming Laptop, 15.6" 144 Hz IPS Display, AMD Ryzen 9 8945HS, NVIDIA RTX 4060 8GB GDDR6, 32 GB DDR5, 2 TB SSD, with Windows 11 Pro, Office Pro Lifetime License, Mouse, USB C Flash Drive

ESR 3 Pack for iPhone 16e/ iPhone 14/ iPhone 13/ iPhone 13 Pro Privacy Screen Protector, Anti-spy Tempered-Glass Privacy Screen Protector, Micro-curved Edges, Case Friendly
![iPhone Charger Cord [MFi Certified] 3Pack 0.9M Lighting Cable Power Delivery Charging Cord Compatible with iPhone 14 13 13 Pro Max 12 12 Pro Max 11 XS XR X 8 iPad,White](https://m.media-amazon.com/images/I/61i3XjcGu1L._AC_SL1500_.jpg)
iPhone Charger Cord [MFi Certified] 3Pack 0.9M Lighting Cable Power Delivery Charging Cord Compatible with iPhone 14 13 13 Pro Max 12 12 Pro Max 11 XS XR X 8 iPad,White

2 Pack Professional Wireless Lavalier Microphone for iPhone iPad(iPhone 14 and Below), Lapel Mics Plug-Play Clip on Lapel Mic for YouTube, Recording, Vlog, Facebook Live

VOLTME Portable Charger, Slim 10000mAh 5V/3A Power Bank, USB C in&Out High-Speed Charging Battery Pack, Travel Essentials Dual Output Compatible with iPhone 16 15 14 13 12 Samsung Google iPad etc

ESR 3 Pack for iPhone 16e/ iPhone 14/ iPhone 13/ iPhone 13 Pro Privacy Screen Protector, Anti-spy Tempered-Glass Privacy Screen Protector, Micro-curved Edges, Case Friendly
![iPhone Charger Cord [MFi Certified] 3Pack 0.9M Lighting Cable Power Delivery Charging Cord Compatible with iPhone 14 13 13 Pro Max 12 12 Pro Max 11 XS XR X 8 iPad,White](https://m.media-amazon.com/images/I/61i3XjcGu1L._AC_SL1500_.jpg)
iPhone Charger Cord [MFi Certified] 3Pack 0.9M Lighting Cable Power Delivery Charging Cord Compatible with iPhone 14 13 13 Pro Max 12 12 Pro Max 11 XS XR X 8 iPad,White

2 Pack Professional Wireless Lavalier Microphone for iPhone iPad(iPhone 14 and Below), Lapel Mics Plug-Play Clip on Lapel Mic for YouTube, Recording, Vlog, Facebook Live











