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

---

Ieškoti įskiepiuose

![](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

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

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

 * [Informacija](https://lt.wordpress.org/plugins/wbd-timeline-builder/#description)
 * [Atsiliepimai](https://lt.wordpress.org/plugins/wbd-timeline-builder/#reviews)
 *  [Diegimas](https://lt.wordpress.org/plugins/wbd-timeline-builder/#installation)
 * [Kūrimas](https://lt.wordpress.org/plugins/wbd-timeline-builder/#developers)

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

## Aprašymas

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.

## Blokai

Šis įskiepis suteikia 1 bloką.

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

## Diegimas

 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.

## DUK

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

## Atsiliepimai

Įskiepis neturi atsiliepimų.

## Programuotojai ir komandos nariai

“WBD Timeline Block For Gutenberg” yra atviro kodo programa. Prie jos sukūrimo prisidėję
žmonės surašyti toliau.

Autoriai

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

[Išverskite “WBD Timeline Block For Gutenberg” į savo kalbą.](https://translate.wordpress.org/projects/wp-plugins/wbd-timeline-builder)

### Domina programavimas?

[Peržiūrėkite kodą](https://plugins.trac.wordpress.org/browser/wbd-timeline-builder/),
naršykite [SVN repozitorijoje](https://plugins.svn.wordpress.org/wbd-timeline-builder/),
arba užsiprenumeruokite [kodo pakeitimų žurnalą](https://plugins.trac.wordpress.org/log/wbd-timeline-builder/)
per [RSS](https://plugins.trac.wordpress.org/log/wbd-timeline-builder/?limit=100&mode=stop_on_copy&format=rss).

## Pakeitimų istorija

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

## Metainformacija

 *  Version **1.0.2**
 *  Atnaujinta **prieš 1 savaitė**
 *  Aktyvių instaliacijų **Mažiau nei 10**
 *  WordPress versija ** 6.5 ar naujesnė **
 *  Ištestuota iki **7.0.6**
 *  PHP versija ** 7.4 ar naujesnė **
 *  Kalba
 * [English (US)](https://wordpress.org/plugins/wbd-timeline-builder/)
 * Žymos
 * [block](https://lt.wordpress.org/plugins/tags/block/)[gutenberg](https://lt.wordpress.org/plugins/tags/gutenberg/)
   [history](https://lt.wordpress.org/plugins/tags/history/)[roadmap](https://lt.wordpress.org/plugins/tags/roadmap/)
   [timeline](https://lt.wordpress.org/plugins/tags/timeline/)
 *  [Daugiau](https://lt.wordpress.org/plugins/wbd-timeline-builder/advanced/)

## Įvertinimai

No reviews have been submitted yet.

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

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

## Autoriai

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

## Pagalba

Turite pastabų? Reikia pagalbos?

 [Peržiūrėti pagalbos forumą](https://wordpress.org/support/plugin/wbd-timeline-builder/)