Halloween 40% off every Pro plan. Lifetime from $51, pay once.40% off Pro Vanishes in Claim40% off
Classic Elementor widget · Pro

Advanced Posts for Elementor: Blog grids with filters, load more and five layouts

Show your latest articles in an Elementor blog grid that reads like a magazine. Pick one of five layouts, let readers filter by category, load more posts without leaving the page, and make the first words of each title stand out. Video posts get a play button and every card can show views, date and author.

  • 5 post layouts
  • Category filter bar
  • Load more and infinite scroll
  • Title highlights

Classic widget · Elementor 3 and 4 · ProUpdated

Live demos

Five blog layouts, live

The five layouts from the original page, each on a small blog. Filter the first grid by category and load more posts, and hover any card to zoom its photo.

Northlight JournalStoriesFilmAbout
The journal

Stories from the studio

Magazine blog

A filterable story grid for a film magazine

Three columns of stories with the category on each photo and the first words of every title in bold. A row of buttons filters by category, and Load more adds three posts at a time.

Filter, then press Load more

Turn on Enable Filter, set Columns to 3 and Pagination to Load More Button, and turn on Show Highlights in the Title section.

Arolax®WorkJournalContact
Featured

Top stories this month

Featured stories

Two top stories on a studio journal

Two large cards with the category, title and date set on the photo. The photo zooms a little when you point at a card.

Hover a story

Pick the overlay layout in Layout Type, set Columns to 2 and Posts Per Page to 2. The photo zoom is the Hover Effect in the Style tab.

Long reads

Long reads on an interiors journal

Each article sits in a wide card with the photo on the left and a large title on the right. Under the title are the view count, the date and an outlined Read more button.

Hover Read more

Pick the aside layout in Layout Type, show views and the publish date in Post Meta, and set the Text Label of the Read More section to Read more.

Shally JournalStyleStoriesShop
Latest

Fresh from the journal

Lifestyle blog

A style journal with text over the photo edge

Three posts in a row. A white text box overlaps the bottom of each photo, with the category between two thin lines and an uppercase title below it.

Hover a post

Pick the second overlay layout in Layout Type, set Columns to 3 and show only the date in Post Meta.

Company blog

A product blog that leads with the headline

The same wide card as the aside layout, with the text first and the photo on the right, so the headline is the first thing a reader sees.

Hover a post

Pick the reversed aside layout in Layout Type. Views and date come from Post Meta and the button text from Text Label.

Features

Key features of Advanced Posts

The features from the original page, each with the panel setting behind it.

Advanced query control

Choose from 12 Query Type options, pick the Source, and include or exclude by category, tag, author or Post Format.

Five layouts

Five Layout Type options give you an Elementor blog layout as a classic grid, an Elementor posts overlay layout or side-by-side cards, with Columns per screen size. Together they cover most of what an Elementor magazine layout needs.

Category filter bar

Turn on Enable Filter for an Elementor posts filter by category: readers switch between categories above the grid without a page reload. It makes a post grid with filter out of one widget.

Dynamic content display

New posts appear on their own. Set Posts Per Page, the order and the date range once.

Load more and infinite scroll

Pick numbered pages, a Load More button for an Elementor posts load more button, or Infinite Scroll for Elementor infinite scroll posts on long archives.

Title highlights and meta

Show Highlights bolds the first words of each title. Post Meta shows views, date and author, with an Author Avatar.

Video, audio and gallery posts

Posts with a video, audio or gallery format show a play button, a player or a gallery on the card, so Elementor video posts work in the same grid.

Customizable and responsive

Style the layout, thumbnail, title (normal and hover), taxonomy, meta and Read More button, with a Zoom In Hover Effect, on every screen size.

Step by step

How to display blog posts in Elementor

Five steps. The bold names are the labels in the Elementor panel.

  1. Install Animation Addons Pro, then turn on Advanced Posts in Animation Addons → Elements.

  2. In Elementor, search the panel for Advanced Posts and drag it onto the page. That is how to display blog posts in Elementor without Elementor Pro.

  3. In Query, choose the Source and filters, then pick a Layout Type, Columns and Posts Per Page.

  4. Turn on Enable Filter, Show Highlights and the meta you want, and choose the Pagination type.

  5. Style the cards in the Style tab, check the page on mobile and publish.

Get Animation Addons Pro Part of Animation Addons Pro · Works with Elementor Free
FAQ

Questions about Advanced Posts

How do I show posts without Elementor Pro?

Add the Advanced Posts widget from Animation Addons Pro. It is an Elementor posts widget without Elementor Pro: it works with Elementor Free, pulls your posts with a query and shows them in one of five layouts.

Can readers filter posts by category?

Yes. Turn on Enable Filter and a row of category buttons appears above the grid. Picking one shows only the posts in that category, without a page reload.

Can I add Load More or infinite scroll to my posts?

Yes. In Pagination choose Numbers, Load More Button or Infinite Scroll. New posts fade up into the grid as they load.

What does Show Highlights do?

It makes the first words of each post title bold, so titles scan like a magazine. You set how many words are highlighted.

Can it show custom post types or video posts?

Yes. Set the Source to posts, pages or video stories, and include by post format to show only video, audio, gallery or image posts. Video posts get a play button.

Which layouts are included?

Five: normal (image above the text), overlay (text on the photo), aside (photo beside the text), a second overlay (a text box overlapping the photo) and a reversed aside.

Can I show views, date and author?

Yes. The Meta settings show post views, the publish date and the author, with an optional author avatar and your own separator.

Is this an Elementor post grid with filter?

Yes. The normal layout is a grid of three columns, and Enable Filter adds the category bar, so one widget gives you a post grid with filter and Load More.

Does it work in Elementor 4?

Yes. It is a classic widget, so Elementor 4 lists it with the legacy widgets and it works on the same page as atomic elements.

Animation Addons Pro · Elementor 4

Your blog, like a magazine

Five post layouts with filters, load more and title highlights for Elementor.

Halloween deal40% off every Pro planEnds 5 Nov

  • 15-day money-back guarantee
  • Rated 4.6 / 5 on WordPress.org
  • No Elementor Pro needed
  • Elementor 3 & 4 in one license