Skip to content

Post Types Grid

The Post Types Grid element can be used to display a grid of posts from any post type. This is an older element that was added before the Post Cards, we recommend using the later.

  • WPBakery

Examples

Standard Grid

Below is an example of the default Post Types Grid element in action which will display the post title, meta, excerpt and button. You can of course customize many aspects of the grid including columns (responsively), typography and colors, see some more examples below.

Image of Hand with Phone

Cursus mattis molestie a iaculis at. Ac ut consequat semper viverra nam libero justo laoreet. Viverra justo nec ultrices dui…

Keep Reading
Typing ASMR Video

Consequat nisl vel pretium lectus quam id. Vitae tortor condimentum lacinia quis vel eros donec ac odio. Volutpat maecenas volutpat…

Keep Reading
Web Design Image Slider

Donec adipiscing tristique risus nec feugiat in fermentum. Magnis dis parturient montes nascetur ridiculus mus mauris. Lacus vestibulum sed arcu…

Keep Reading
Easy Desktop Organization

Aliquet porttitor lacus luctus accumsan tortor posuere ac ut consequat. Bibendum at varius vel pharetra. Fermentum leo vel orci porta…

Keep Reading
Bright Yellow Desk

Cursus mattis molestie a iaculis at. Ac ut consequat semper viverra nam libero justo laoreet. Viverra justo nec ultrices dui…

Keep Reading

A Customizable Grid

Below is an example of the Post Types Grid element with some customizations to the colors, typography and elements. For full control, we recommend you use the newer Post Cards element instead.

Computer Resolutions Guide
News
Building a Mobile Site
Marketing, News, Success
Learn How to Code
Business, Success

Isotope Filterable Grid

The example below shows the Post Types Grid element with the isotope filter enabled so you can sort the posts by category. This filter will sort the visible items on the page, if you have a lot of posts may want to create an AJAX filter instead to load posts on demand.