Creating a Timeline with Cool Timeline

Cool Timeline is an vertical timeline tool you can use to create timelines on a WordPress site. To create a timeline, you’ll need to:

  1. Draft your event text and collect images to illustrate your events
  2. Create a post on your class WordPress site
  3. Add a CoolTimeline block
  4. Enter your events into the individual blocks
  5. Publish your WordPress post

Step 1. Creating your Events

The first step to creating a timeline is to create the events you’d like to appear on your timeline.

  • The dates your events happened
  • Text about the events on your timeline
  • Images to illustrate your timeline

Want to draft your event text in a template? Use this google doc template.

Step 2. Create a WordPress Post

Follow these directions to create a WordPress post.

Step 3. Add a Cool Timeline block

In your WordPress post, open the block inserter.

The expanded block inserter with a red circle highlighting the black square that opens it

Search for the Cool Timeline block to insert a timeline.

The cool timeline block in the block inserter circled in red

Cant find it? Reach out to Travis, Abril, or Becca for help!

Step 4. Add your Events

Once you’ve added the Cool Timeline block, you can replace your event information into the pre-populated blocks, or delete the existing blocks and add new ones.

To replace the image in an example entry

The contextual menu of a cool timeline story block with a red circle indicating the replace option
  • Select the image in the first entry, and in the contextual menu that appears directly above the image, choose Replace.
  • From the drop down menu
    • Choose Open Media library to add an image you’ve already uploaded
    • Choose Upload to upload a new image.

To replace the heading or paragraph text in an example entry

Select the text in the heading block or select the text in the paragraph block.

Type or copy and paste your event text in the block.

A gif displaying how to replace text in a header block within a cool timeline story

Add a new Event

Scroll to the bottom of the timeline and choose + Add Story.

The + Add Story button indicated by a red circle

To add an image, choose Add Media Block.

The Add Media Block button in a cool timeline block circled in red

In the Image block, choose and Upload or Media Library to add your image.

Step 5. Publish your WordPress Post

When you’ve completed your timeline, publish your WordPress post to make it available on your site.

Example Timeline

April 20, 2017

Two orange kittens

Biscuits and Gravy are Born

Biscuits and Gravy are born in a barn somewhere in Wisconsin. Biscuits is a female orange cat, one of the rarest colors for a female! Gravy is an orange male cat. They soon contract a virus that causes their eye damage

November 2017

Spotted!

The cats are spotted on PetFinder by their future adopter when she’s coping with the loss of her previous two cats

December 2021

The Big Move

Biscuits and Gravy stay in a hotel for the first time during their move to Western Massachusetts