BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Post Timeline Widget for Elementor Pro

Your posts along a vertical timeline with load more

Overview

What Post Timeline does

Post Timeline lays out posts as cards along a vertical line, in the middle or on one side. It can add year or month headings, fill the line as visitors scroll and load more posts without a page reload. Use it for a blog archive, company history or news log.

Live demo

See it in action

Features

What it can do

  • Three layouts: line in the middle with alternating cards, line on the left, line on the right

  • Four marker types: dot, icon, day and month, or the post image

  • Group headings by year or by month

  • The line fills and markers change to a passed state as visitors scroll

  • Load More button or infinite scroll, with an optional page limit

  • Four card styles: Classic, Overlay, Side and Minimal

  • Meta you pick and order: author, dates, time ago, comments, reading time, categories

  • Fade Up or Slide From the Side entrance animation for each card

Use cases

When to use it

Blog archive

Show posts newest first with month headings so readers can see when each one was published.

Company history

Order milestone posts oldest first and group them by year to tell the story from the start.

Changelog or news log

Use the Minimal card style with the Day and Month marker for a compact list of updates.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Add the Post Timeline widget to your page.

  2. In Query, choose the Source post type, Include Terms, Posts per Page, Order By and Order.

  3. In Timeline, pick the Layout, the Marker and the Date Format, and set Group Headings to By Year or By Month if you want headings.

  4. In Post Card, choose the Card Style and switch Image, Category Badge, Excerpt and Read More on or off. Pick the Meta items to show.

  5. In Load More, set More Posts to Load More Button or Infinite Scroll and type the Button Text.

  6. Use the Style tab to set line colors, marker size and card design.

FAQ

Questions and answers

Does load more reload the page?

No. New posts are fetched in the background and added to the end of the timeline, and cards keep alternating sides.

What happens with the Post Image marker when a post has no featured image?

The marker is still shown, but it stays empty for that post.

Can I show custom post types?

Yes. The Source list in Query includes every public post type on your site.

Are excerpts of password protected posts shown?

No. The excerpt and reading time are left out for password protected posts.

Bright Addons Pro

Get Post Timeline with Bright Addons Pro

Bright Addons Pro has 77 Pro widgets plus all 48 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $16 a year, with a 14-day money-back guarantee.