> For the complete documentation index, see [llms.txt](https://wplake.gitbook.io/advanced-views/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wplake.gitbook.io/advanced-views/integrations/editors/classic/displaying-posts.md).

# Displaying Posts in the Classic editor

{% hint style="info" %}
Since WordPress 5.0, the [Classic Editor](https://wordpress.org/plugins/classic-editor/) has no longer been the default WordPress editor and has been replaced by [Gutenberg](https://wordpress.org/gutenberg/). However, the Classic Editor is still available as an official [standalone plugin](https://wordpress.org/plugins/classic-editor/).&#x20;

Notably, it has more than 9 million active installations, keeping it as one of the most popular WordPress plugins, often used as a cleaner editor for Custom Post Types.
{% endhint %}

Using [*Post Selections*](/advanced-views/getting-started/first-post-selection.md) from Advanced Views, you can easily master advanced post queries and display Posts, Products, or any CPT items in the [Classic editor](https://wordpress.org/plugins/classic-editor/).&#x20;

{% hint style="info" %}
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.&#x20;
{% endhint %}

## 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](/advanced-views/features/smart-templates.md)*,* you can display any kind of fields, add conditional logic, or merge field values.

{% hint style="success" %}
Advanced Views natively supports fields from multiple providers:

1. [WordPress fields](/advanced-views/fields/wordpress-fields.md) (like page title, excerpt, user name, etc)
2. [Advanced Custom Fields](/advanced-views/fields/meta-plugins/advanced-custom-fields.md) (any field type)
3. [MetaBox fields](/advanced-views/fields/meta-plugins/meta-box-fields.md) (any field type)
4. [Pods fields](/advanced-views/fields/meta-plugins/pods-fields.md) (any field type)
5. [WooCommerce Product fields](/advanced-views/fields/woo-product-fields.md) (like price, SKU, height, etc)

To display [other fields](/advanced-views/fields/other-fields.md) made by your theme or plugins, just [customize the default Layout template](/advanced-views/layouts/code-fields/custom-template.md).
{% endhint %}

1. [Create a *Layout*](/advanced-views/getting-started/first-layout.md)
2. Add target fields in the *Fields* tab&#x20;
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](/advanced-views/layouts/code-fields/custom-template.md).

{% hint style="info" %}
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](/advanced-views/field-types/media/image-field.md), a loop for a [Gallery field](/advanced-views/field-types/media/gallery-field.md), 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.&#x20;

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.
{% endhint %}

## 2. Create a *Post Selection*

*Post Selection* is built on top of WordPress's native [WP\_Query](https://developer.wordpress.org/reference/classes/wp_query/) and provides a user-friendly interface for its most commonly used arguments.&#x20;

This eliminates the need to learn the extensive [WP\_Query Docs](https://developer.wordpress.org/reference/classes/wp_query/#parameters) for everyday use, while still allowing you to inject custom query arguments directly for advanced or uncommon scenarios.

1. Create a [*Post Selection*](/advanced-views/getting-started/first-post-selection.md)
2. Define the **Item Layout***:* choose the Post *Layout* from the first step
3. Define the [post filters](/advanced-views/post-selections/filters.md); optionally add [Taxonomy](/advanced-views/post-selections/filters/taxonomy-filters.md) and [Meta filters](/advanced-views/post-selections/filters/meta-filters.md)
4. Save the *Post Selection* and *c*opy [its embedding shortcode](/advanced-views/post-selections/embedding-shortcode.md)

{% hint style="success" %}
Inside the *Post Selection*, you can also add [custom styling](/advanced-views/post-selections/code-fields/css-code.md) or enable [post pagination](/advanced-views/post-selections/features/posts-pagination.md).&#x20;
{% endhint %}

## 3. Embed *Post Selection*

In Advanced Views, *Post Selections* are embedded using native WordPress shortcodes, which you can paste in any place in the Classic editor:  &#x20;

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2F6hTkcQuFVZPGoaXvdKa8%2Flayout-in-classic-editor.png?alt=media&amp;token=817426bb-5028-4c06-9ba5-b236384224bd" alt=""><figcaption></figcaption></figure>

1. Edit the target page or post
2. Paste the *Post Selection* shortcode in any place
3. Save the page and visit it to see the result