Want to showcase your blog posts in a visually engaging timeline layout? The Post Timeline widget in aThemes Addons lets you display posts with customizable markers, cards, and query options directly in Elementor.
In this guide, we’ll walk you through how to use the Post Timeline widget in aThemes Addons for Elementor.
Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. For premium widgets, ensure aThemes Addons Pro is also installed and active.
Activating the Widget
Go to your WordPress admin dashboard and navigate to the aThemes Addons dashboard. Search for Post Timeline and toggle the widget on to activate it.
Exploring Widget Options
Configuring the Layout Section
The Layout section controls the overall timeline structure:
- Marker Position – Place markers on the left, center, or right of the timeline.
- Marker Style – Choose from circle, date, icon, or featured image.
- Marker Icon – Select a custom icon for the markers (available when Marker Style is set to icon).
- Date Format – Set the date display format.
Configuring the Query Section
The Query section determines which posts appear in the timeline:
- Query Type – Choose between Main Query or Custom Query.
- Post Type – Select the post type to display.
- Taxonomy Filters – Filter by categories or tags.
- Posts Filter – Include or exclude specific posts.
- Number of Posts – Set how many posts to display.
- Order By – Sort posts by date, title, or random.
- Order – Set ascending (ASC) or descending (DESC) order.
- Ignore Sticky Posts – Toggle to exclude sticky posts from the query.
- Offset – Skip a specified number of posts from the beginning.
Configuring the Elements Section
The Elements section controls what information appears in each timeline card:
- Show Title – Toggle the post title display.
- Title Tag – Set the HTML tag for titles (H2 or H3).
- Show Featured Image – Toggle the featured image display.
- Show Date – Toggle the post date display.
- Show Author – Toggle the author name display.
- Show Categories – Toggle the category display.
- Category Display – Show categories as links or labels.
- Show Excerpt – Toggle the post excerpt display.
- Number of Words – Set the excerpt word count.
- Read More Text – Customize the read more link text.
- Enable Pagination – Toggle pagination for the timeline.
- Page Limit – Set the maximum number of pages.
- Next/Prev Strings – Customize the pagination navigation text.
Customizing the Style Tab
The Style tab lets you customize the visual appearance of the timeline.
Styling the Card
- Padding – Adjust the inner spacing of each card.
- Background – Set a background color for the cards.
- Border – Configure border color and width.
- Border Radius – Round the card corners.
- Box Shadow – Add a shadow effect to the cards.
Styling the Marker
- Size – Set the marker size.
- Color – Set the marker icon or text color.
- Background – Set the marker background color.
- Border – Configure the marker border.
- Border Radius – Round the marker shape.
Following Usage Tips
- Use Custom Query to display specific categories or post types for a focused timeline.
- Optimize featured images for faster page loading performance.
- Test pagination to ensure smooth navigation between timeline pages.
- Choose a marker style that fits your site’s overall design.
That’s it! You’ve successfully learned how to use the Post Timeline widget in aThemes Addons to display posts in a timeline layout with Elementor.
Next, would you like to showcase posts in a carousel format? Check out our guide on using the Posts Carousel widget to learn more.
