Choose a layout for each sequence
Timeline Block Pro extends Timeline Block for the Gutenberg editor in WordPress. Use it to organize company histories, product roadmaps, process steps, tutorials, programs, appointments, achievements, personal stories, and other sequences of events.
Vertical timelines remain available, and Pro adds two horizontal designs: Horizontal Default Design and Horizontal Simple Design. Choose a left-to-right layout for milestones, project phases, or event programs that read naturally in that direction. You can create multiple timelines on one site and categorize them by layout.
Add context to timeline stories
Stories can include images, slideshows, and videos, including YouTube videos. Add a read-more link when a milestone needs additional information or a custom URL. These options let you pair each entry with media or a path to related content.
Set markers and navigation
Choose a dot, icon, image, or text marker to identify a story. You can adjust icon, arrow, and label placement, choose from more than 15 animation effects, and customize connectors as an arrow, line, or none. Vertical layouts also support a center-line filling effect. Scrolling navigation provides access to stories for specific years.
These controls can help readers scan a company history, follow a process, review achievements, or move through a product roadmap.
Add the block in Gutenberg
- Install and activate the Timeline Block extension and its Pro edition in WordPress.
- Open the Gutenberg editor for the page or post where the timeline should appear.
- Select Add Block and search for Timeline Block.
- Add timeline stories, labels, media, icons, and links.
- Choose a vertical or Pro horizontal design and adjust the available presentation settings.
- Publish or update the page to show the timeline.
Timeline Block is designed for the Gutenberg editor. It is not intended for non-Gutenberg websites or other page builders.
