Post Grid and Data Source

Visual Composer allows you to create custom post lists and display them on your site. This can be considered as an alternative to WordPress category pages with the exception that you can fully customize the page and apply various variables to your post output. Moreover, you can display in a list not only posts, but also pages, and custom post types.

Do I really need a custom post grid? Your WordPress theme is more or less strict in terms of post display which means you have limited options to change it without code. At the same time, your website design or type of content may require a completely different post or custom post type output. For example, you want to display your portfolio in a grid, not in a list format. And this is exactly where the post grid elements can help you out.

Control the grid of your post grid - gaps, columns, pagination

Post Grid Elements

Visual Composer offers several post grid elements that can be downloaded from the Visual Composer Hub with the Premium license activated. Post grid elements are no different from any other elements of the Visual Composer in a way that they can be simply added to your layout.

The core difference is the options that are available within Post Grid elements. In different post grid elements, you will find various attributes to control gaps, columns and visual aspects of your grid.

Post grid elements in Visual Composer for WordPress

Of course, the true power of the post grid elements is the option to control what type of data should be taken and the ability to adjust it.

Post Grid Data Source

A common section of attributes for all post grid elements is Data Source. This is the place where you control which type of content should be displayed in your post grid and/or apply restrictions.

Control post grid output and add filters via data source in Visual Composer

For every post grid Data Source there are following attributes available:

  • Source (with Posts chosen by default): here you will specify what type of content two display in your post grid. It can be pages, posts, and even custom post types;
  • Category: in case your posts have categories applied, here you can select a specific category to output;
  • Offset: control from which post you should start to display your grid (ex. you want to exclude first 3 posts from your post grid);
  • Limit: set the number of posts you want to display in your grid (ex. you want to display only 3 latest posts);
  • Add sticky posts: this option allows you to include or exclude WordPress sticky posts in your grid.