# Creating Your First Layout

### Step by step guide

Visit the **Advanced Views** tab in the WordPress backend.

### Create a New Layout

Click the **Add New** **Layout** button.

<figure><img src="/files/PuhOogjQ7KRPjuTgOeVH" alt=""><figcaption></figcaption></figure>

Enter a **Name** for your *Layout* **(required)**.&#x20;

<figure><img src="/files/q8jO84gS1U4ikO7nE7va" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Note: If you don't give your Layout a Name then you can't publish it and the publish button will be disabled.
{% endhint %}

### Assign Fields

Click the **Add Field** button in the *Fields* section.&#x20;

Then **select** the target *Group* from the list and the *Field* from the dropdown.&#x20;

<figure><img src="/files/bkeF5uVqcPLqVZh6TvbK" alt=""><figcaption></figcaption></figure>

Continue to **Add Fields** until they've all been assigned.

### Publish your Layout

Click on the **Publish** button to save and publish your *Layout*.&#x20;

### **Copy Shortcode into place**

**Copy** the generated shortcode for your *Layout* from the sidebar.&#x20;

<figure><img src="/files/TZqh4ir73IfYO7y9nFgY" alt=""><figcaption></figcaption></figure>

**Paste** the shortcode in your post, page or theme section.

**Fill** out the fields as required, then click the **Publish** button to save and publish.

**View** the page containing the shortcode to see the results.

[Continue with Adding a New Post Selection.](/advanced-views/getting-started/introduction/creating-your-first-post-selection.md)

{% hint style="success" %}
Learn more about the *Layout* [shortcode](/advanced-views/shortcode-attributes/layout-shortcode.md) parameters.
{% endhint %}

### 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](/advanced-views/guides/display-nested-repeater-fields.md).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wplake.gitbook.io/advanced-views/getting-started/introduction/creating-your-first-layout.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
