Creating Your First Layout

Your Content → Layout (How each item looks) → Shortcode → Your Website

What is a Layout?

A Layout controls how your content is displayed on the front end of your website.

Think of a Layout as a reusable template. You choose which fields or data you want to display, and Advanced Views generates a structured starting point that you can customise.

Layouts can be used for:

• A custom page section

• A single post, product, or CPT item

• A reusable card design

• Displaying custom fields from ACF, Meta Box, Pods, or WordPress itself

For example:

A Team Member Layout could contain:

• Profile image

• Name

• Position

• Biography

A Property Layout could contain:

• Featured image

• Price

• Location

• Property details

Once created, your Layout can be displayed directly using its shortcode or reused inside a Post Selection.

Create a New Layout

Visit Advanced Views → Layouts in your WordPress dashboard.

Click Add New Layout.

Give your Layout a clear name.

Example:

Team Member Card

A good name helps you identify your Layout later, especially when you have multiple Layouts on your website.

Select your content source

Choose where your Layout should get its data from.

Advanced Views supports multiple sources including:

• WordPress fields (title, content, featured image, etc.)

• Custom fields

• WooCommerce fields

• Users

• Taxonomies

Select the fields you want to display.

Advanced Views will automatically prepare the field data and generate a template for you.

Review the generated template

After selecting your fields, Advanced Views creates the starting template.

This gives you a clean structure that you can customise instead of starting from scratch.

You can adjust:

• HTML structure

• CSS styling

• Field placement

• Additional logic

Your Layout remains independent from your theme, making it easier to maintain or reuse.

Publish your Layout

Click Publish to save your Layout.

After publishing, Advanced Views creates a shortcode.

Copy the shortcode and place it anywhere shortcodes are supported:

• Pages

• Posts

• Page builders

• Theme areas

Your content will now display using your Layout.

Updating your Layout

Need to add more fields later?

Simply edit your Layout and include the additional fields.

Because the shortcode stays the same, you do not need to replace it across your website.

Conclusion: What's Next?

You have now created your first Layout and learned how to control how your content is displayed.

Layouts are perfect when you want to display a single item or create reusable designs.

The next step is learning about Post Selections.

Post Selections let you query multiple posts, pages, products, or custom post types and display them using your Layout.

For example:

• Latest blog posts

• Property listings

• Product grids

• Team directories

• Event lists

Continue with Creating Your First Post Selection

Learn more about the Layout shortcode parameters.

Parent group

If you plan on using a single Field Group, then make use of the Parent group field. Additionally use the Parent group and Parent field for Nested Repeaters.