Title: WBD Timeline Block For Gutenberg
Author: wpbranddigital
Published: <strong>2 سبتمبر، 2026</strong>
Last modified: 21 سبتمبر، 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://ar.wordpress.org/plugins/wbd-timeline-builder/#description)
 * [المراجعات](https://ar.wordpress.org/plugins/wbd-timeline-builder/#reviews)
 *  [التنصيب](https://ar.wordpress.org/plugins/wbd-timeline-builder/#installation)
 * [التطوير](https://ar.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.

## ميتا Meta

 *  Version **1.0.2**
 *  Last updated **قبل أسبوع واحد**
 *  Active installations **أقل من 10**
 *  WordPress version ** 6.5 أو أعلى **
 *  Tested up to **7.0.6**
 *  PHP version ** 7.4 أو أعلى **
 *  Language
 * [English (US)](https://wordpress.org/plugins/wbd-timeline-builder/)
 * Tags
 * [block](https://ar.wordpress.org/plugins/tags/block/)[gutenberg](https://ar.wordpress.org/plugins/tags/gutenberg/)
   [history](https://ar.wordpress.org/plugins/tags/history/)[roadmap](https://ar.wordpress.org/plugins/tags/roadmap/)
   [timeline](https://ar.wordpress.org/plugins/tags/timeline/)
 *  [عرض متقدم](https://ar.wordpress.org/plugins/wbd-timeline-builder/advanced/)

## التقييم

لم يتم تقديم أي مراجعات بعد.

[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/)

## المساهمون

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

## الدعم

لديك شيء لتقوله؟ بحاجة الى مساعدة؟

 [عرض منتدى الدعم](https://wordpress.org/support/plugin/wbd-timeline-builder/)