# Blog posts template

The **Blog Post template** provides the design and layout of your blog post articles. Publish **Blog posts** to share store announcements, updates, and featured content, and help increase organic traffic to your site.

See demos: [Chic](https://lorenza-theme-chic.myshopify.com/blogs/news/the-daily-skincare-routine-we-cant-get-enough-of) | [Natural](https://lorenza-theme-natural.myshopify.com/blogs/news/our-all-new-product-collection) | [Modern](https://lorenza-theme-modern.myshopify.com/blogs/news/an-interview-with-our-lead-designer)

![](https://1086282208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6iv1HA2gJCuwR5V6stX%2Fuploads%2Fgit-blob-0bfb95dc327168113cd3d50d690e063dfdc89d5d%2Farticles.jpeg?alt=media)

## **Quick setup**

For the blog posts template, you first need to **add blog posts in your Shopify admin**. Then, in the theme editor, you can **customize the posts template**.

> **Tip |** Check out Shopify's guide on [How to start a blog and grow your audience](https://www.shopify.com/blog/how-to-start-a-blog).

### **Add blog posts in Shopify admin**

Before editing the **Blog post template**, you need to add at least one blog post in your Shopify admin.

The blog posts template will use your blog post's **Featured image**, **Title**, **Content**, **Tags**, **Published date** and **Author**.

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> Blog posts are a Shopify feature. See Shopify's guides to [create a blog](https://help.shopify.com/en/manual/online-store/blogs/adding-a-blog) and add [blog posts](https://help.shopify.com/en/manual/online-store/blogs/writing-blogs).
{% endhint %}

### **Edit blog posts template**

The **Blogs post template** includes a default layout to get you started. You can customize the **Content width** and the **Featured image**. The blocks for **Title**, **Content**, and **Pagination** are used to display information from your Shopify admin and do not have additional settings.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Use the **Templates selector** to open **Blog posts > Default blog posts**.

   ![](https://1086282208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6iv1HA2gJCuwR5V6stX%2Fuploads%2Fgit-blob-f94d38904500c8f4da451d6a275e9c467698de3d%2Feditor-templates-selector.jpeg?alt=media)
2. Click **Change** in the "PREVIEW" section to select which blog post to preview while making edits.
3. Under **Template**, click the **Blog posts** section to open the settings.
4. Click the **Content** block to find settings for pagination, social sharing, and content width.

   > Choose whether to **Show pagination** and **Show social sharing**.

   > Use the **Max width of content** slider to increase or decrease the width in pixels.
5. Click the **Title** block to choose which blog post details to display.

   > Choose whether to **Show date**, **Show author**, and **Show social sharing**.
6. Under **Template**, click **(+) Add section** to further customize your blog posts template with theme sections.

   > **Note**: Your changes will apply to all blog posts.

   > Click and hold the drag and drop handles **`⋮⋮`** to change the order of sections.
7. Click **Save**.

</details>

### **Edit featured image**

The blog posts template display the **featured image** added in your Shopify admin. Go to your Shopify admin to upload images for your blog posts.

![](https://1086282208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6iv1HA2gJCuwR5V6stX%2Fuploads%2Fgit-blob-546a271e3cb72ac1afe3b34cdb70c14b51cc6741%2Farticles-featured-image.jpeg?alt=media)

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Click the **Featured image** block to open the settings.

   > To hide blog post featured images, click the **Eye icon** to hide the block or **Remove block** in the block settings.
2. Use the **Max width of image** slider to increase or decrease the width in pixels.
3. Select an **Image aspect ratio** to crop your image to **Square**, **Landscape**, or **Portrait**.

   > The default **Natural** setting will display the original orientation of your image.

   ![](https://1086282208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6iv1HA2gJCuwR5V6stX%2Fuploads%2Fgit-blob-18e593ad0edf007db92b2db4471c455059562ccf%2Faspect-ratio.jpeg?alt=media)
4. Click **Save**.

</details>

### **Enable post comments**

In the Shopify admin, you can choose to enable comments. Lorenza displays a simple comment form with fields for Name, Email, and Message.

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> Blog posts comments are a Shopify feature. See Shopify's guides for [Managing comments on blog posts](https://help.shopify.com/en/manual/online-store/blogs/managing-comments).
{% endhint %}

\\

***

> **Related links**
>
> [Templates](https://help.fluorescent.co/lorenza/pages/templates)