# Blog post

<figure><img src="/files/xBjeKS8wJNw49r4BbFYp" alt=""><figcaption><p>Blog post on Primavera demo store</p></figcaption></figure>

{% hint style="info" %}
If comments are enabled for the blog posts, they will be displayed below the main body of the post.
{% endhint %}

{% hint style="info" %}
By default the blog post template also has a section below the main body of the post that links to other recent posts. Read more about the [recent blog post section settings](/sections/blog-posts.md).&#x20;
{% endhint %}

### Settings

Most of the settings for blog post are found individual blocks. In terms of section level settings. you have:

* **Horizontal alignment:** Choose a horizontal alignment for your blog post container.
* **Container width:** Depending on your font size, you may want to choose a different container width.
* **Color scheme**: Applies to the main body of the blog post section

### Blocks

You can drag and drop blocks to create unique layouts for your blog posts.

* **Tags:** Outputs the list of tags associated with the post.
  * **Style:** You can choose between three different stiles for the tags. These styles are derived from the color scheme buttons.
* **Breadcrumbs:** Outputs a list of breadcrumbs so users understand where they are in the site navigation.
* **Title:** Displays the title of the blogpost
  * **Enable share icon:** This outputs an icon that will allow users to easily share your blog post.
  * **Heading size:**  Choose a heading size based on the length of your blog post title.
  * **Show date:** This block also outputs the title.
  * S**how author:** Display an author in this block next to the date (if shown).
* **Excerpt:**  The excerpt is a short paragraph of text that represents the body of the post. [Find out how to add an excerpt](https://help.shopify.com/en/manual/online-store/blogs/writing-blogs/working-with-blog-posts#display-an-excerpt-from-a-blog-post).
  * **Font size:** You can choose what font size your excerpt is.
* **Featured image:** Outputs the featured image for your blogpost.
  * **Image width:** You can choose between having the image stretched to the **container** width or the **full** width of the page. Note that when **full** is selected, the image will display at full width up to its original size, so we suggest you upload a large enough image so it takes up full width at popular screen sizes.
* **Content:** This represents the main body of the post.
* **Back to blog link:** Outputs a link back to the main blog.
* **Previous/next article:** Shows links to the previous and next article (if available) so users can keep reading.

{% hint style="info" %}
Can't find the setting you're looking for?  The following settings are explained in detail in [common settings](/common-settings.md):

* Padding
* Borders
  {% endhint %}


---

# 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://docs.ultramarinastudios.com/templates/blog-post.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.
