> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/unicorn-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/blog-posts.md).

# Blog posts

{% hint style="success" %}
**Tip:** To edit the page, choose the **Blog posts** template in the top drop-down.\
Then, press the **"Blog post"** section.
{% endhint %}

## Blog post

Before making changes to the Blog posts page, ensure you have created articles in your Shopify admin. Learn how to add and edit Blogs and Blog posts [<mark style="color:blue;">here</mark>](https://help.shopify.com/en/manual/online-store/blogs).

#### Layout options

**Dividing line**\
Add a divider by setting its position: "Top", "Bottom", or "Both". Select "None" to hide the divider.

**Top spacing /** **Bottom spacing**\
Decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.

***

## Theme Blocks

This page can be customized with the blocks: **"Featured image"**, **"Title"**, **"Share",** and **"Content"**.

{% hint style="success" %}
**Tip:** To add a block, press **"Add block"** in the **"Blog post"** section and select one from the list. Each block can be moved up and down to arrange it in the desired sequence on the page.
{% endhint %}

### **Featured image**

To display an image on article pages, add this block. Additionally, check whether the image is added as a "Featured image" in *Shopify admin -> Content -> Blog posts*.

**Image ratio**\
Change the image size to "Small", "Medium", or "Large". To keep the original size, select "Adapt to image".

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

***

### **Title**

Add this block to display the title of each blog post.&#x20;

**Show date /** **Show author**\
Control the display of the date and author by enabling or disabling the options.

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

***

### **Share**

Add this block to show the "Share" button.\
\
**Button label**\
Type the button title in the field.

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

***

### **Article content**

Use the block to display the main paragraph that develops the post's topic.

***

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

## Leave a comment

To display the comments section below the Blog post, apply the needed settings for each blog in your *Shopify admin -> Content -> Blog posts.* Find more detailed information on the following [<mark style="color:blue;">help page</mark>](https://help.shopify.com/en/manual/online-store/blogs/managing-comments).

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