> 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

Use the section and available blocks to change the style and layout of your article pages.

{% 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="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FwfevyhLA60PUylQOqER7%2Fblog%20posts_featured%20image.png?alt=media&amp;token=48e35a06-ee32-484c-8ff4-4344dd0aaaf7" 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="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FW5qiK1VjbGhTdOeVQLFF%2Fblog%20posts_title.png?alt=media&amp;token=38435c17-fd18-4d7c-85fd-6d42ed725ce7" 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="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FmBa26hLLBqc0DeTlMJyr%2Fblog%20posts_share.png?alt=media&amp;token=d5d20d7c-ce08-478a-ac9b-abdec47bc990" alt=""><figcaption></figcaption></figure>

***

### **Article content**

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

***

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FVvh1jMGek7XEvHSeFeV5%2Fblog%20posts_article%20content.png?alt=media&amp;token=ca164c18-e7a1-4d15-86f1-7bbfc54df65e" 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="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FuqYNdk2KDVVCFgc3nh7A%2Fblog_comments.png?alt=media&amp;token=9eeef2fd-043f-4613-99f1-d51217fd8524" alt=""><figcaption></figcaption></figure>