# 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 demo [Chic](https://spark-theme-chic.myshopify.com/blogs/news/blog-eight)

## **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.

The template also includes a **social sharing** button to let visitors share your post on Twitter, Facebook, and Pinterest.

<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://1721436993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3iiuvh8UrcOxEOQkY2iO%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. Click on the **Title** block to open its settings.

   > Choose whether to **Show date**

   > Choose to **show social share buttons** so customers can quickly share posts to their social media accounts.
4. Under **Content**, adjust the **Max width of content** for your article text and media using the slider.

   > Choose between *400* and *1300* pixels wide.
5. 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.
6. 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://github.com/fluorescent/kb-spark/blob/main/.gitbook/assets/articles-featured-image.jpeg)

<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://1721436993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3iiuvh8UrcOxEOQkY2iO%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. Spark 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://github.com/fluorescent/kb-spark/blob/main/page-templates/templates/templates/README.md)
