The Timeline block allows you to visually represent events (milestones, project developments, or historical incidents) in chronological order. This can be useful for storytelling or highlighting important incidents in a structured way.

The Timeline block of the Ultimate Blocks plugin lets you add text, images, and other media files to the block to create dynamic and engaging timelines. Let’s see how to use this block.

Adding the Timeline Block #

Like any other block, click the plus (+) icon on the editor. Type Timeline on the search box. Add the block to the editor once it appears.

General Settings #

Come to the Settings tab on the right sidebar. You’ll find various options here. They are visibility control, animation, timeline type, and responsive control.

The Visibility Control option will let you hide this timeline from frontend without deleting it. Besides, you can schedule a time when it will automatically be published and hidden.

The Animation option includes 50+ animation effects. If you select any animation effect for the section, it will be displayed to the users and visitors when they come to the Timeline section scrolling the post/page.

# Timeline Type #

By default, content with the timeline block is displayed vertically. If you want, you can display it horizontally by clicking the horizontal option.

Next, you can set Items Per View (only for the horizontal mode). Using the arrow key, users can see the additional items like a slideshow.

Scrolling down a bit, come to Connector options. You can select the connector position you want and display a number over them by enabling the Numbered Connector option.

After that, you can increase the connector size that looks good.

# Responsive Control #

If you don’t want to show the block on a particular device, toggle on the respective option (Hide On …..) under the Responsive Control section.

Adding Content to the Timeline Block #

As said, you can add different types of content to the Timeline block. Let’s do it with the verticle timeline.

Select a timeline section. The Gutenberg plus (+) icon will appear. By clicking it, you can add any block you want as you do with the editor.

For example, find and select the Image block. This will allow you to upload an image.

You can see the image has been added to the respective timeline section.

Thus, you can add other types of content to the timeline block. Explore another post on how to use the coupon block of the Ultimate Blocks plugin.

Conclusion #

Hope you can use the Timeline block on your website well. But to maximize traction, keep the information concise and relevant, ensuring that each event is meaningful and easy-to-read. By incorporating meaningful images and other media files, you can make the timeline block more lively and appealing.