Post grid

Using

The Posts grid component displays a group of WordPress posts as a pagination grid.
In order to show the post grid, select the post type  (pages, post, custom post), the items quantity and the sort order.

Grid layout

Before you display the post grid, you should create the grid layout.
You can create an unlimited number of grid layouts using the WPBakery Page Builder .
You can use most of the theme components in the layout, including:

  • Featured post image
  • Post title
  • Metadata

 

For grid elements, you can configure various effects on hover:

  • Change the transparency
  • Zoom
  • Horizontal and vertical shift

 

Below is a list of examples of grids with different layouts.
You can import these layouts from demo data.

Grid settings

You can adjust the number of grid columns for different screens, as well as vertical and horizontal gaps between elements.

Pagination elements

Numbered pagination buttons, the “Show more” button, and the displayed items quantity selector are available.
For pagination buttons, you can adjust the size, style and effects.