Title: WBD Timeline Block For Gutenberg
Author: wpbranddigital
Published: <strong>02.09.2026</strong>
Last modified: 21.09.2026

---

Поиск плагинов

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

 Автор: [wpbranddigital](https://profiles.wordpress.org/wpbranddigital25/)

[Скачать](https://downloads.wordpress.org/plugin/wbd-timeline-builder.1.0.2.zip)

 * [Детали](https://ru.wordpress.org/plugins/wbd-timeline-builder/#description)
 * [Отзывы](https://ru.wordpress.org/plugins/wbd-timeline-builder/#reviews)
 *  [Установка](https://ru.wordpress.org/plugins/wbd-timeline-builder/#installation)
 * [Разработка](https://ru.wordpress.org/plugins/wbd-timeline-builder/#developers)

 [Поддержка](https://wordpress.org/support/plugin/wbd-timeline-builder/)

## Описание

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.

## Блоки

Этот плагин предоставляет 1 блок.

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

## Установка

 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.

## Часто задаваемые вопросы

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

## Отзывы

Нет отзывов об этом плагине.

## Участники и разработчики

«WBD Timeline Block For Gutenberg» — проект с открытым исходным кодом. В развитие
плагина внесли свой вклад следующие участники:

Участники

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

[Перевести «WBD Timeline Block For Gutenberg» на ваш язык.](https://translate.wordpress.org/projects/wp-plugins/wbd-timeline-builder)

### Заинтересованы в разработке?

[Посмотрите код](https://plugins.trac.wordpress.org/browser/wbd-timeline-builder/),
проверьте [SVN репозиторий](https://plugins.svn.wordpress.org/wbd-timeline-builder/),
или подпишитесь на [журнал разработки](https://plugins.trac.wordpress.org/log/wbd-timeline-builder/)
по [RSS](https://plugins.trac.wordpress.org/log/wbd-timeline-builder/?limit=100&mode=stop_on_copy&format=rss).

## Журнал изменений

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

## Мета

 *  Версия **1.0.2**
 *  Обновление: **1 неделя назад**
 *  Активных установок: **Менее 10**
 *  Версия WordPress ** 6.5 или выше **
 *  Совместим вплоть до: **7.0.6**
 *  Версия PHP ** 7.4 или выше **
 *  Язык
 * [English (US)](https://wordpress.org/plugins/wbd-timeline-builder/)
 * Метки:
 * [block](https://ru.wordpress.org/plugins/tags/block/)[gutenberg](https://ru.wordpress.org/plugins/tags/gutenberg/)
   [history](https://ru.wordpress.org/plugins/tags/history/)[roadmap](https://ru.wordpress.org/plugins/tags/roadmap/)
   [timeline](https://ru.wordpress.org/plugins/tags/timeline/)
 *  [Дополнительно](https://ru.wordpress.org/plugins/wbd-timeline-builder/advanced/)

## Оценки

Пока что нет ни одного отзыва.

[Ваш отзыв](https://wordpress.org/support/plugin/wbd-timeline-builder/reviews/#new-post)

[Посмотреть всеотзывы](https://wordpress.org/support/plugin/wbd-timeline-builder/reviews/)

## Участники

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

## Поддержка

Есть что сказать? Нужна помощь?

 [Перейти в форум поддержки](https://wordpress.org/support/plugin/wbd-timeline-builder/)