Displaying Posts in WPBakery

Using Post Selections from Advanced Views, you can easily master advanced post queries and display Posts, Products, or any CPT items in WPBackery.

This page refers to "Post" as a generic WordPress term that covers Posts, Pages, any Custom Post Types, Media attachments, WooCommerce Products, and other entities.

1. Create a Post Layout

Before mastering a query, we need to create a Layout for a single item, which will be used to render all found Posts in the loop. Inside the Smart Layout Template, you can display any kind of fields, add conditional logic, or merge field values.

Advanced Views natively supports fields from multiple providers:

1. WordPress fields (like page title, excerpt, user name, etc)

2. Advanced Custom Fields (any field type)

3. MetaBox fields (any field type)

4. Pods fields (any field type)

5. WooCommerce Product fields (like price, SKU, height, etc)

To display other fields made by your theme or plugins, just customize the default Layout template.

1. Create a Layout

2. Add target fields in the Fields tab

3. Save the Layout

After saving, Advanced Views automatically creates the starting template. You can change the default field appearance by customizing the Layout template.

Once you've defined the fields list, Advanced Views automatically generates a default template for them. It recognizes each field type and produces the appropriate markup - for example, an <img> tag for an Image field, a loop for a Gallery field, and so on.

Advanced Views eliminates the need to learn your field provider's documentation or manually retrieve field data. It automatically transforms raw database values into template-ready formats.

For example, an image ID stored in the database is passed as a complete image object with properties such as src, width, and height. This lets you focus on crafting the layout instead of dealing with field types and meta retrieval.

2. Create a Post Selection

Post Selection is built on top of WordPress's native WP_Query and provides a user-friendly interface for its most commonly used arguments.

This eliminates the need to learn the extensive WP_Query Docs for everyday use, while still allowing you to inject custom query arguments directly for advanced or uncommon scenarios.

1. Create a Post Selection

2. Define the Item Layout: choose the Post Layout from the first step

3. Define the post filters; optionally add Taxonomy and Meta filters

4. Save the Post Selection and copy its embedding shortcode

Inside the Post Selection, you can also add custom styling or enable post pagination.

3. Embed Post Selection

In Advanced Views, Post Selections are embedded using native WordPress shortcodes, which you can paste anywhere in the WPBackery editor:

1. Edit the target page with WPBackery

2. Within the editor: Click on the plus and add a Raw HTML element

3. Within the HTML element: Paste the Post Selection embedding shortcode

4. Save the page and visit it to see the result