Title: WBD Timeline Block For Gutenberg
Author: wpbranddigital
Published: <strong>2. september, 2026</strong>
Last modified: 21. september, 2026

---

Søg plugins

![](https://ps.w.org/wbd-timeline-builder/assets/banner-772x250.png?rev=3678549)

![](https://ps.w.org/wbd-timeline-builder/assets/icon-128x128.png?rev=3678579)

# WBD Timeline Block For Gutenberg

 Af [wpbranddigital](https://profiles.wordpress.org/wpbranddigital25/)

[Download](https://downloads.wordpress.org/plugin/wbd-timeline-builder.1.0.2.zip)

 * [Detaljer](https://da.wordpress.org/plugins/wbd-timeline-builder/#description)
 * [Vurderinger](https://da.wordpress.org/plugins/wbd-timeline-builder/#reviews)
 *  [Installation](https://da.wordpress.org/plugins/wbd-timeline-builder/#installation)
 * [Udvikling](https://da.wordpress.org/plugins/wbd-timeline-builder/#developers)

 [Support](https://wordpress.org/support/plugin/wbd-timeline-builder/)

## Beskrivelse

WBD Timeline Block for Gutenberg is the most intuitive, lightweight, and customizable
WordPress timeline plugin designed specifically for the modern block editor. Whether
you need to showcase a company history, a project roadmap, event schedules, or personal
milestones, this plugin allows you to build beautiful, responsive, and animated 
timelines without writing a single line of code or relying on heavy page builders.

Built entirely with native WordPress Gutenberg components, the WBD Timeline Block
ensures zero bloat, lightning-fast performance, and a seamless editing experience
inside the block editor.

**Key Features for a Perfect Timeline:**

 * **3 Stunning Layouts:** Choose from Vertical Alternating (zigzag), Vertical One-
   sided, and a touch-friendly Horizontal slider layout with left/right navigation.
 * **Responsive Control:** Set custom columns for the horizontal slider (Desktop,
   Tablet, Mobile) and watch vertical timelines automatically adapt to smaller screens.
 * **Highly Customizable Content:** Each timeline card supports a Custom Date/Label,
   Title, Description, Image (with position and object-fit control), Call-to-Action
   Link, and a custom Marker Icon.
 * **Advanced Typography & Design:** Fully control font families, responsive font
   sizes, link padding, border radius, and accent colors for every single element.
 * **Scroll-Triggered Animations:** Bring your history or roadmap to life with smooth
   reveal animations (Fade Up, Fade In, Slide In, Zoom In) as users scroll down 
   the page.
 * **Accessible & Performance-Optimized:** Respects `prefers-reduced-motion` settings
   for accessibility. Powered by vanilla JS and IntersectionObserver—no heavy jQuery
   libraries.
 * **Server-Side Rendered:** Ensures SEO-friendly HTML markup, dynamic CSS variable
   injection, and maximum security.

### Where can you use WBD Timeline Block?

 * Showcase tutorial/process steps in timeline format.
 * Create a program timeline.
 * Represent history.
 * Create events/appointments timeline.
 * Job stories/achievements timeline.
 * Personal story timeline.
 * Product roadmap.

### Development

Public source code repository:
 https://github.com/wpbranddigital/timeline-builder-
block

Build Instructions:

 1. npm install
 2. npm run build
 3. npm run start (development)
     WBD Timeline Builder is built using @wordpress/scripts.

## Blokke

Dette plugin giver 1 blok.

 *   WBD Timeline Builder Build beautiful, responsive animated timelines with vertical,
   horizontal, or one-sided layouts.

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/wbd-timeline-builder` directory,
    or install through the WordPress plugins screen.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. In the block editor, add the “WBD Timeline Builder” block and start adding items.

## FAQ

### 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.

## Anmeldelser

Der er ingen anmeldelser for denne widget.

## Bidragsydere & udviklere

“WBD Timeline Block For Gutenberg” er open source-software. Følgende personer har
bidraget til dette plugin.

Bidragsydere

 *   [ wpbranddigital ](https://profiles.wordpress.org/wpbranddigital25/)

[Oversæt “WBD Timeline Block For Gutenberg” til dit eget sprog.](https://translate.wordpress.org/projects/wp-plugins/wbd-timeline-builder)

### Interesseret i udvikling?

[Gennemse koden](https://plugins.trac.wordpress.org/browser/wbd-timeline-builder/),
tjek [SVN repository](https://plugins.svn.wordpress.org/wbd-timeline-builder/), 
eller abonner på [udviklerloggen](https://plugins.trac.wordpress.org/log/wbd-timeline-builder/)
via [RSS](https://plugins.trac.wordpress.org/log/wbd-timeline-builder/?limit=100&mode=stop_on_copy&format=rss).

## Ændringslog

#### 1.0.2

 * Added responsive font sizes for typography.
 * Added responsive spacing for links.
 * Added responsive image sizing controls.
 * Added 3rd marker type (icon).
 * Updated plugin display name to WBD Timeline Builder and slug/textdomain to wbd-
   timeline-builder for WordPress.org compliance.

#### 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.

## Meta

 *  Version **1.0.2**
 *  Senest opdateret **4 dage siden**
 *  Aktive installationer **Færre end 10**
 *  WordPress-version ** 6.5 eller højere **
 *  Testet op til **7.0.6**
 *  PHP-version ** 7.4 eller højere **
 *  Sprog
 * [English (US)](https://wordpress.org/plugins/wbd-timeline-builder/)
 * Tags
 * [block](https://da.wordpress.org/plugins/tags/block/)[gutenberg](https://da.wordpress.org/plugins/tags/gutenberg/)
   [history](https://da.wordpress.org/plugins/tags/history/)[roadmap](https://da.wordpress.org/plugins/tags/roadmap/)
   [timeline](https://da.wordpress.org/plugins/tags/timeline/)
 *  [Avanceret visning](https://da.wordpress.org/plugins/wbd-timeline-builder/advanced/)

## Bedømmelser

Der er endnu ikke indsendt nogen anmeldelser.

[Din anmeldelse](https://wordpress.org/support/plugin/wbd-timeline-builder/reviews/#new-post)

[Se alle anmeldelser](https://wordpress.org/support/plugin/wbd-timeline-builder/reviews/)

## Bidragsydere

 *   [ wpbranddigital ](https://profiles.wordpress.org/wpbranddigital25/)

## Support

Har du noget at sige? Har du brug for hjælp?

 [Vis supportforum](https://wordpress.org/support/plugin/wbd-timeline-builder/)