Module 2.5 – Mastery: Design Blocks: Timeline
The Timeline Block allows you to organize content in a vertical timeline format. This is perfect for showcasing the history of your department, program, or any chronological sequence of events.
Each timeline entry displays a date on the left, while the right side can include a title (heading) , text , and an optional button for added functionality. It’s an engaging way to present a visual story or detailed progression.
Step-by-Step
1. Add the Timeline block using the block menu.
2 . Enter a date or an aside, by clicking in the text area at the left.
3. Add a title and text on the right text by typing in the provided areas.
You can also make a list or button by adding either block using the block inserter menu.
4. Add a second timeline item: Select the entire block by clicking the timeline icon at the top left. (*Note : this won’t work if you only have an individual timeline item selected)
Click the blue plus sign at the bottom right.
Video Tutorial
Transcript – Timeline
The gallery block is a way to display multiple photos in a grid, this makes it optimal for you to show your collection of images in an organized way.
To add a gallery block to your page, navigate to the block menu and add the gallery block.
Images can be added by using your media library or uploading new photos from your computer. Then click create a new gallery, then insert gallery.
You can organize your images by using the arrows on the menu that appears above the block.
To customize how your gallery looks, navigate to the block tab and from there you can change the number of columns, resolution of your images, if you want to make the images link to its media files, crop images or randomize the placement order of the images.
Try it Out
Now that you have learned how to work with the timeline block, it’s time to try it out!
Add a timeline block to your page.
Add a date or an aside.
Add a title and some content (text, list and bottom)
Add another timeline item
Try out some of the gallery block options.