Descripció
WBD Timeline Builder is a lightweight, fully native Gutenberg block for creating animated timelines. It is built with the WordPress block editor’s own components — no page builders, no bloat.
Features
- Three layouts: vertical alternating, vertical one-sided, and horizontal (scroll-snap).
- Add, reorder, and remove timeline items directly in the editor.
- Each item supports a title, date/label, description, icon (Dashicon), image, and link.
- Scroll-triggered animations: fade up, fade in, slide in, zoom in — powered by IntersectionObserver.
- Respects
prefers-reduced-motionfor accessibility. - Full color controls: accent/markers, line, card background, title, date, and text.
- Marker styles: dot, ring, or icon.
- Fully responsive — alternating layout collapses to a clean one-sided layout on mobile.
- Server-side rendered for clean, secure, escaped output.
- Supports wide and full alignment, spacing controls, and block anchors.
Development
Public source code repository:
https://github.com/wpbranddigital/timeline-builder-block
Build Instructions:
- npm install
- npm run build
- npm run start (development)
WBD Timeline Builder is built using @wordpress/scripts.
Blocs
Aquesta extensió proporciona 1 bloc.
- WBD Timeline Builder Build beautiful, responsive animated timelines with vertical, horizontal, or one-sided layouts.
Instal·lació
- Upload the plugin files to the
/wp-content/plugins/wbd-timeline-builderdirectory, or install through the WordPress plugins screen. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- In the block editor, add the «WBD Timeline Builder» block and start adding items.
PMF
-
Does this work with the Site Editor (FSE)?
-
Yes. It is a standard registered block and works anywhere blocks are supported.
-
Are animations accessible?
-
Yes. Animations are disabled automatically when the visitor has «reduce motion» enabled in their OS.
-
Does it require any external libraries?
-
No. It uses only native WordPress packages and vanilla JavaScript.
Ressenyes
No hi ha ressenyes per a aquesta extensió.
Col·laboradors i desenvolupadors
«WBD Timeline Builder» és programari de codi obert. La següent gent ha col·laborat en aquesta extensió.
Col·laboradors
Traduïu «WBD Timeline Builder» a la vostra llengua.
Interessats en el desenvolupament?
Navegueu pel codi, baixeu-vos el repositori SVN, o subscriviu-vos al registre de desenvolupament per fisl de subscripció RSS.
Registre de canvis
1.0.1
- Updated plugin display name to WBD Timeline Builder and slug/textdomain to wbd-timeline-builder for WordPress.org compliance.
1.0.0
- Initial release.