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

Advanced Post Grid Widget for Elementor Pro

Posts in a grid, masonry or list with filters and pagination.

Overview

What Advanced Post Grid does

Advanced Post Grid lists posts, pages or any public custom post type in a grid, a masonry layout or a list. A query builder picks the posts, four card styles control the look, and a filter bar and pagination load more posts without reloading the page. Use it for blog pages, news sections and archive templates.

Live demo

See it in action

Features

What it can do

  • Three layouts: Grid, Masonry and List (one per row).

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

  • Query by post type, terms, authors, date range, order, or a manual list of post IDs.

  • Filter bar that switches categories or other terms without reloading the page.

  • Five pagination types: numbers, previous / next, both, load more button and infinite scroll.

  • Feature the First Post makes the first post on page one twice as big.

  • Meta line with author, date, time ago, comments, reading time and categories, in your order.

  • Current Query source for archive, category and search templates.

Use cases

When to use it

Blog index page

Show the latest posts in a grid with a category filter bar and numbered pages.

Magazine front page

Feature the first post at double size and list the rest around it.

Archive templates

Set the source to Current Query so the widget shows the posts of the archive or search page it sits on.

Custom post type listings

List any public post type, such as case studies, and filter by its own taxonomy.

Setup

How to set it up

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

  1. Drag Advanced Post Grid onto the page and open the Query section.

  2. Choose the Source, then narrow it with Include Terms, Exclude Terms, Authors and Published Within.

  3. Set Posts per Page, Order By and Order.

  4. In Layout, choose Grid, Masonry or List and set Columns, Column Gap and Row Gap.

  5. In Post Card, pick the Card Style and choose the image, badge, Meta, Excerpt and Read More settings.

  6. Turn on Show Filter Bar and pick the pagination Type if visitors should browse more posts.

  7. Style the card, image, badge, text, filter bar and pagination in the Style tab.

FAQ

Questions and answers

Does it work with custom post types?

Yes. Source lists every public post type on the site, and Filter By and Badge Taxonomy list every public taxonomy.

Do the filters and pagination reload the page?

No. New posts are fetched in the background and placed in the grid. The exception is Current Query, which uses normal page links.

Can I use it in an archive or search template?

Yes. Set Source to Current Query (archives and search) and the widget shows the posts of the page it is placed on.

How is reading time worked out?

From the word count of the post content, at 220 words per minute, with a minimum of 1 minute.

Bright Addons Pro

Get Advanced Post Grid 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.