Install
This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/wptrainingteam/animated-timeline-plugin/archive/refs/heads/main.zipThis WordPress plugin extends the core Group block to create an animated timeline experience with subtle animation and considerations for prefers-reduced-motion respecting a visitors preference for non-essential motion.
The final pattern is registered within the plugin, but it could also potentially be included directly in a custom WordPress theme. It can also be found on the WordPress Pattern Directory as Vertical Timeline.
There are two possible styling variations: animated-timeline and animated-timeline animated-timeline--circles.
The accompanying post resides on the WordPress Developer Blog: How to create an animated timeline plugin.
How to use
- Download this plugin as a zip (click on 'Code' and choose 'Download ZIP')
- Place the un-zipped directory in your WordPress
wp-content/pluginsdirectory - Activate the plugin
- Create a new post / page and add the 'Animated Timeline' pattern.
- Save and preview the final animated timeline.
- Try editing the Advanced -> Additional CSS Classes from
animated-timelinetoanimated-timeline animated-timeline--circlesfor the overall pattern's parent Group block to see the circle variation.
Feel free to fork it and use it however you like!
Changelog
June 11, 2024 - v1.0.0
Initial launch.
Releases
1 release.
These releases are tags only. The author does not attach a packaged zip, so there are no download counts to report.