Title: Advanced Timeline Block Author: Binsaifullah Published: Nobyembre 25, 2021 Last modified: Setyembre 9, 2026 --- Search plugins ![](https://ps.w.org/advanced-timeline-block/assets/banner-772x250.png?rev=3688047) ![](https://ps.w.org/advanced-timeline-block/assets/icon-256x256.png?rev=3688047) # Advanced Timeline Block By [Binsaifullah](https://profiles.wordpress.org/binsaifullah/) [Download](https://downloads.wordpress.org/plugin/advanced-timeline-block.2.2.1.zip) * [Details](https://ceb.wordpress.org/plugins/advanced-timeline-block/#description) * [Reviews](https://ceb.wordpress.org/plugins/advanced-timeline-block/#reviews) * [Installation](https://ceb.wordpress.org/plugins/advanced-timeline-block/#installation) * [Development](https://ceb.wordpress.org/plugins/advanced-timeline-block/#developers) [Support](https://wordpress.org/support/plugin/advanced-timeline-block/) ## Description **Advanced Timeline Block** is a custom **Gutenberg timeline block** for WordPress, developed with **Gutenberg Native Components**. Design beautiful **vertical timelines** for your company history, brand story, events, process steps, tutorials or product roadmaps — right inside the WordPress Block Editor. The timeline block is **highly customizable** and **100% responsive**: you get separate timeline layouts for desktop, tablet and mobile, and every color, spacing, border, and icon can be adjusted without writing a single line of code. **No page builder, no block builder, no bloat** — just native Gutenberg components and clean, CSS-based output that keeps your pages fast. ### Overview ### Key Features * **Vertical Timeline Block** — both sides, left side or right side timeline layouts * **Responsive Timeline** — independent layouts and spacing for desktop, tablet and mobile * **SVG Icon Marker** — choose any icon from the built-in inline SVG icon library, or paste your own **custom SVG code** * **Lightweight & Fast** — no icon font loaded; markers are rendered as inline SVG for the best Core Web Vitals * **Unlimited Timeline Items** — add as many timeline entries as you need * **Only CSS Based Timeline** — clean markup, no JavaScript required on the frontend * **Built with Gutenberg Native Components** — no block builder at all * **Unlimited Colors** — custom colors for the connector line, content box, marker and date/name * **Full Styling Control** — padding, border, border radius, box shadow and background for every part of the timeline * **Easy to Use** — drag & drop, with a familiar block editor experience * **Developer Friendly** — custom anchor ID and additional CSS classes for every timeline ### Perfect For * Company history & about us timelines * Step by step tutorials and process timelines * Event schedules and program timelines * Product roadmaps and changelog timelines * Personal stories, resumes and achievements #### About Developer > Designed & Developed By Zakaria Binsaifullah. Available for any freelance work, > feel free to [Contact Me](https://makegutenblock.com/contact) ## Screenshots [[ [[ ## Blocks This plugin provides 2 blocks. * Timeline Build timeline easily in Gutenberg Editor * Timeline Item Acts as child item for Timeline Block ## Installation 1. Upload the plugin files to the `/wp-content/plugins/advanced-timeline-block` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Open the Gutenberg Block Editor and add the **Advanced Timeline Block** from the“ Timeline Block” category. 4. Add timeline items with one click and style the timeline from the block settings sidebar. ## FAQ ### Is the timeline block responsive? Yes, the timeline is 100% responsive. You can even choose a different timeline layout( both sides, left side or right side) for desktop, tablet and mobile. ### Can I use my own SVG icon for the timeline marker? Yes. Pick any icon from the built-in inline SVG icon library or paste your own custom SVG code in the marker icon picker. Icons inherit the marker color automatically when they use `currentColor`. ### Do I need Font Awesome or any icon font? No. Since version 2.2.0 the timeline marker uses lightweight inline SVG icons, so no icon font stylesheet or webfont file is loaded on your site. Markers saved with older releases are automatically rendered as inline SVG too. ### Have you used any block builder? No, the block is built with 100% Gutenberg Native Components only. ### Does it work with any WordPress theme? Yes, the block works with any theme that supports the Gutenberg block editor, including block themes and classic themes. ## Reviews ![](https://secure.gravatar.com/avatar/9f50aea61f0ec6cdf4b967c661b7dd9698ce909c756e51f04120e2a636aec48e? s=60&d=retro&r=g) ### 󠀁[Best simple time line plugin](https://wordpress.org/support/topic/best-simple-time-line-plugin/)󠁿 [igcas](https://profiles.wordpress.org/igcas/) Oktubre 1, 2024 I have tried many time line plugins and ended up here. this what exactly i was looking to maintain a simple time line page. hope to see more features in the Future developments. ![](https://secure.gravatar.com/avatar/94c210889b0ef4248e24c3bf090cbe7675fda5cc90b90c4709b5fef7cbb6b09b? s=60&d=retro&r=g) ### 󠀁[Best timeline plugin](https://wordpress.org/support/topic/best-timeline-plugin-4/)󠁿 [Erix Kivuti](https://profiles.wordpress.org/elzix/) Setyembre 18, 2024 Easy to customize, even beyond the block options. ![](https://secure.gravatar.com/avatar/24839f6d0e1be8d0350fbd15ef9890eeaf78f0261c764f0970a9bd13a5beaaa7? s=60&d=retro&r=g) ### 󠀁[Very good, neat, clean design – best choice!](https://wordpress.org/support/topic/very-good-neat-clean-design-best-choice/)󠁿 [worldmaker](https://profiles.wordpress.org/worldmaker/) Setyembre 9, 2024 After playing with it for a year or two I've found it a great block for adding multiple timelines around a site, for general site news or progress reports and highlights on a given project. This is what distinguished the block over other offerings which limit you to only one timeline on a site. Here you can create multiple timelines. The block-based management and customization of the timelines is clean, clear and simple, and powerful enough to satisfy most users, and can be tweaked with CSS overrides when needed. I'm sure many users will ask for more but I appreciate the creator is going to need a few thousand more users to encourage his work. Keep up the good work and best wishes for the future of this great little building block for great sites. ![](https://secure.gravatar.com/avatar/3fa39217cbe4ad95f825ade94b57c7df6a436cd5dded0735d244141e24661f57? s=60&d=retro&r=g) ### 󠀁[very nice and clear interface, simple and clean](https://wordpress.org/support/topic/very-nice-and-clear-interface/)󠁿 [larahe](https://profiles.wordpress.org/larahe/) Hulyo 14, 2024 all run in a block ![](https://secure.gravatar.com/avatar/6c42d624f16b11503abb3dc865a968c8d8f5ac3633994a3c57b96c2271bbfb10? s=60&d=retro&r=g) ### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-37341/)󠁿 [John Wennips](https://profiles.wordpress.org/johnwennips/) Agosto 3, 2023 Just a Gutenberg block as you expect it should be. Beautiful integrated. ![](https://secure.gravatar.com/avatar/660842f7080cd9c60ed1a9161e3ecf2f90889ecbea00ce3b87af48fadff5b8a3? s=60&d=retro&r=g) ### 󠀁[One of the best timeline block](https://wordpress.org/support/topic/one-of-the-best-timeline-block/)󠁿 [Sharaz Shahid](https://profiles.wordpress.org/sharaz/) Hulyo 10, 2023 Few recommendation just change your plugin name Advanced Timeline Gutenberg Block to Advanced Timeline Block for better search query. Other than that your timeline support the inner block that makes it unique from others. I would like to more features in future. [ Read all 9 reviews ](https://wordpress.org/support/plugin/advanced-timeline-block/reviews/) ## Contributors & Developers “Advanced Timeline Block” is open source software. The following people have contributed to this plugin. Contributors * [ Binsaifullah ](https://profiles.wordpress.org/binsaifullah/) [Translate “Advanced Timeline Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/advanced-timeline-block) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/advanced-timeline-block/), check out the [SVN repository](https://plugins.svn.wordpress.org/advanced-timeline-block/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/advanced-timeline-block/) by [RSS](https://plugins.trac.wordpress.org/log/advanced-timeline-block/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.2.1 * Plugin header and icon are updated #### 2.2.0 * New: Inline SVG icon support for the timeline marker, with a built-in SVG icon library and custom SVG code option * New: “Use this icon” custom SVG picker with automatic sanitization of pasted SVG code * Improved: Removed the Font Awesome icon font library (~1.5MB) — markers are now rendered as lightweight inline SVG for faster page loads * Improved: Existing markers saved with Font Awesome classes are automatically converted to inline SVG on the frontend, with no block recovery required * Improved: Sidebar controls reorganized into native Settings, Styles and Advanced panels * Improved: Icon picker loads on demand in the editor for better editor performance * Improved: Code quality and overall structure improvements #### 2.1.3 * Fixed: New timeline item add button issue * Improved: Codes quality Improved #### 2.0.0 * 2.0.0 – A major update with a lot of new features and more optimization #### 1.1.0 * 1.0.0 – Initial Release ## Meta * Version **2.2.1** * Last updated **5 days ago** * Active installations **500+** * WordPress version ** 6.0 or higher ** * Tested up to **7.1** * PHP version ** 7.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/advanced-timeline-block/) * Tag * [timeline](https://ceb.wordpress.org/plugins/tags/timeline/) * [Advanced View](https://ceb.wordpress.org/plugins/advanced-timeline-block/advanced/) ## Ratings 5 out of 5 stars. * [ 9 5-star reviews ](https://wordpress.org/support/plugin/advanced-timeline-block/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/advanced-timeline-block/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/advanced-timeline-block/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/advanced-timeline-block/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/advanced-timeline-block/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/advanced-timeline-block/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/advanced-timeline-block/reviews/) ## Contributors * [ Binsaifullah ](https://profiles.wordpress.org/binsaifullah/) ## Support Issues resolved in last two months: 0 out of 1 [View support forum](https://wordpress.org/support/plugin/advanced-timeline-block/)