# Blog posts

![](https://docs-assets.foxecom.app/minimog-theme/bbd7b62f-6827-4a37-9dec-4ce6f462437a.jpg)

Display the **full content** of an individual blog post, including its title, featured image, article content, sharing options, tags, and related posts.

Use this page to control how customers see a blog post after they open it from your blog listing, search results, or another link.

## How to add a Blog post in Shopify

Create at least one blog and blog post in Shopify before customizing this page. Learn more: [Adding and managing blog posts](https://help.shopify.com/en/manual/online-store/blogs/writing-blogs/working-with-blog-posts).

**Step:**

1. Go to **Content >** [**Blog posts**](https://admin.shopify.com/content/articles) in Shopify Admin.
2. Click **Add blog post**.
3. Enter a **Title** and add your article content.
4. Select the **Blog** and **Author** for the post.
5. Optionally add a featured **Image**, **Excerpt**, and **Tags**.
6. Set the post to **Visible** when you are ready to publish it.
7. Assign a theme template.
8. Click **Save**.

![](https://docs-assets.foxecom.app/minimog-theme/1248313e-1b33-413d-acd2-b7d1f002bd91.png)

Shopify stores the article content in the blog post, so the content and related articles on this page automatically use the content of the post being viewed.

<Hint type="success" title="Tip">
  Add tags to your posts if you want to organize content by topic or use tags for filtering and related content.
</Hint>

## How to customize the Blog posts page template

1. Go to **Online Store > Themes** in Shopify Admin.
2. Find your theme and click **Edit theme**.
3. Open the page selector and select **Blog posts > Select a template**
4. Select the **Blog post** section to customize the layout.
5. Adjust the available section settings and blocks.
6. Add available [theme sections](https://docs.foxecom.com/minimog-theme/theme-sections/overview) if needed.
7. **Save** your changes.

![](https://docs-assets.foxecom.app/minimog-theme/540ce9cc-8e6a-4a80-a8c4-01278733810d.png)

## Section settings

### General

Control the width of the Blog post section.

<Table widths="30%">
  | Setting            | Description                                | Options                                  |
  | ------------------ | ------------------------------------------ | ---------------------------------------- |
  | **Container type** | Choose the width of the Blog post section. | Default / Full width / Use container box |
</Table>

### Sidebar settings

Control whether the sidebar appears on the blog post page and where it is positioned.

<Table widths="30%">
  | Setting          | Description                                                            | Options                    |
  | ---------------- | ---------------------------------------------------------------------- | -------------------------- |
  | **Show sidebar** | Display the sidebar alongside the blog post content.                   | On / Off                   |
  | **Position**     | Choose where the sidebar appears in relation to the blog post content. | Left column / Right column |
</Table>

<Tabs>
  <Tab title="Position - Left column">
    ![](https://docs-assets.foxecom.app/minimog-theme/cb251344-d515-440d-bfdc-7416ebcd3d0c.png)
  </Tab>

  <Tab title="Right column">
    ![](https://docs-assets.foxecom.app/minimog-theme/caa7cea9-4442-4407-9a08-f02bec07cb82.png)
  </Tab>
</Tabs>

<Hint type="success" title="Tip">
  Turn off **Show sidebar** when you want the blog post content to use the available page width without a sidebar.
</Hint>

### Article settings

Customize the blog post layout and the information displayed around the article content.

<Table widths="30%">
  | Setting             | Description                                            | Options             |
  | ------------------- | ------------------------------------------------------ | ------------------- |
  | **Design**          | Choose the layout style of the blog post.              | Layout 1 / Layout 2 |
  | **Show breadcrumb** | Display the breadcrumb navigation above the blog post. | On / Off            |
  | **Show author**     | Display the author of the blog post.                   | On / Off            |
  | **Show date**       | Display the publication date of the blog post.         | On / Off            |
  | **Show tags**       | Display the tags assigned to the blog post.            | On / Off            |
  | **Show social**     | Display social sharing options for the blog post.      | On / Off            |
  | **Show comments**   | Display the comments section for the blog post.        | On / Off            |
</Table>

<Tabs>
  <Tab title="Layout 1">
    ![](https://docs-assets.foxecom.app/minimog-theme/1f5ad61a-f68c-47da-a54b-25a295bea7d5.png)
  </Tab>

  <Tab title="Layout 2">
    ![](https://docs-assets.foxecom.app/minimog-theme/e6e67f5d-6f13-4459-b601-c6fb98dde00f.png)
  </Tab>
</Tabs>

<Figure>
  <img src="https://docs-assets.foxecom.app/minimog-theme/197a001a-4c59-4ee3-a1ee-ef63b04887db.png" />

  <Figcaption>
    Show Comments in theme editor
  </Figcaption>
</Figure>

<Hint type="info">
  When enabled, **Show breadcrumb**, **Show author**, and **Show date** appear above and below the article title. **Show tags** and **Show social** appear below the main article content.

  <br />When **Show comments**, make sure **comments are enabled** for the relevant blog in **Shopify** if you want customers to submit comments. Blog comment management is configured at the blog level in Shopify Admin. Learn more: [Managing comments on blog posts](https://help.shopify.com/en/manual/online-store/blogs/managing-comments)
</Hint>

<Figure>
  <img src="https://docs-assets.foxecom.app/minimog-theme/f6e1edbe-b8e3-4620-a0df-f787ea08e80f.png" />

  <Figcaption>
    Enable Comments on blog
  </Figcaption>
</Figure>

### Related articles

Display related blog posts below the current article to help customers discover more content.

<Table widths="30%">
  | Setting                   | Description                                                    | Options               |
  | ------------------------- | -------------------------------------------------------------- | --------------------- |
  | **Show related articles** | Display related blog posts below the current article.          | On / Off              |
  | **Content alignment**     | Set the alignment of the related article content.              | Left / Center / Right |
  | **Show tags**             | Display tags on related article cards.                         | On / Off              |
  | **Show published date**   | Display the publication date on related article cards.         | On / Off              |
  | **Show excerpt**          | Display the excerpt on related article cards.                  | On / Off              |
  | **Show read more link**   | Add a link that customers can select to open the full article. | On / Off              |
</Table>

<Tabs>
  <Tab title="Content alignment - Left">
    ![](https://docs-assets.foxecom.app/minimog-theme/567f176e-25c7-4728-8275-2fa4d8094b76.png)
  </Tab>

  <Tab title="Center">
    <img height="561" width="738" src="https://docs-assets.foxecom.app/minimog-theme/ed607068-2c8b-46c9-817d-0de1ce9b7667.png" />
  </Tab>

  <Tab title="Right">
    ![](https://docs-assets.foxecom.app/minimog-theme/dbad74f2-6a81-4d0b-b7e2-2cda25aa0e6c.png)
  </Tab>
</Tabs>

<Hint type="info">
  When **Show excerpt** is enabled, the widget displays the post's **Excerpt**. If the excerpt is empty, it displays the post's **content** instead. To add an excerpt, go to **Shopify admin > Content > Blog posts > Select a blog post > Excerpt**
</Hint>

<Figure>
  <img src="https://docs-assets.foxecom.app/minimog-theme/c0ab60ed-e5e4-4a32-9ef7-1e581d011e13.png" />

  <Figcaption>
    Adding Excerpt in Shopify
  </Figcaption>
</Figure>

<Hint type="success" title="Tip">
  Turn on **Show excerpt** when your blog posts have useful excerpts that help customers decide which related article to read.
</Hint>

## Blocks

The Blog posts section supports three sidebar blocks: **Widget categories**, **Widget recent posts**, and **Widget tags**.

You can add **each block only once**. After all three blocks have been added, you cannot add another instance of any of them. Drag and reorder the blocks to control their display order in the sidebar.

<img height="297" width="361" src="https://docs-assets.foxecom.app/minimog-theme/41798a7e-a1e9-4d93-9502-d1e7a541d4c1.png" />

<Hint type="success" title="Tip">
  Add only the widgets that help customers discover relevant content. For example, use **Widget categories** for broader navigation and **Widget tags** for more specific topics.
</Hint>

### Widget categories

Add a category menu to the sidebar so customers can browse other pages by category.

![](https://docs-assets.foxecom.app/minimog-theme/15410e57-a376-41db-bbd1-037a910ac1cc.png)

<Table widths="30%">
  | Setting                    | Description                                                                 | Options       |
  | -------------------------- | --------------------------------------------------------------------------- | ------------- |
  | **Title**                  | Set the title displayed above the category list.                            | Enter Text    |
  | **Select categories menu** | Select the Shopify menu containing the blog categories you want to display. | Select a menu |
</Table>

<Hint type="info">
  Create and manage the menu used by this widget in **Shopify Admin > Content >** [**Menus**](https://admin.shopify.com/content/menus). [Learn more.](https://help.shopify.com/en/manual/online-store/menus-and-links)
</Hint>

### Widget recent posts

Display recent posts from a selected blog in the sidebar.

![](https://docs-assets.foxecom.app/minimog-theme/e799e1e7-a695-4594-85a0-dc6f3bae1479.png)

<Table widths="30%">
  | Setting              | Description                                                                        | Options                 |
  | -------------------- | ---------------------------------------------------------------------------------- | ----------------------- |
  | **Title**            | Set the title displayed above the recent posts list.                               | Enter Text              |
  | **Blog Name**        | Choose the blog used to display recent posts.                                      | Select a blog           |
  | **Post Count**       | Set the number of recent posts displayed in the widget.                            | Enter an integer number |
  | **Show tags**        | Display post tags in the recent posts widget.                                      | On / Off                |
  | **Show author**      | Display the post author.                                                           | On / Off                |
  | **Show date**        | Display the publication date.                                                      | On / Off                |
  | **Show excerpt**     | Display the post excerpt.                                                          | On / Off                |
  | **Truncate Excerpt** | Limit the length of the excerpt displayed in the widget.                           | On / Off                |
  | **Show Words**       | Set the maximum number of words displayed when the **Truncate Excerpt is enable**. | Enter an integer number |
  | **Last Symbols**     | Set the characters displayed at the end of a truncated excerpt.                    | Enter text or symbol    |
</Table>

<Hint type="info">
  When **Show excerpt** is enabled, the widget displays the post's **Excerpt**. If the excerpt is empty, it displays the post's **content** instead. To add an excerpt, go to **Shopify admin > Content > Blog posts > Select a blog post > Excerpt**
</Hint>

<Hint type="success">
  Keep **Show Words** relatively short when the widget appears in a narrow sidebar so the recent posts list stays compact.
</Hint>

### Widget tags

Add blog tags to the sidebar so customers can browse posts by topic or tag.

![](https://docs-assets.foxecom.app/minimog-theme/c84e06fd-5040-4cba-97d8-d4c6614badb2.png)

<Table widths="30%">
  | Setting   | Description                                 | Options    |
  | --------- | ------------------------------------------- | ---------- |
  | **Title** | Set the title displayed above the tag list. | Enter Text |
</Table>

<Figure>
  <img src="https://docs-assets.foxecom.app/minimog-theme/cd165168-68e9-41ca-b700-74c92fa51725.png" />

  <Figcaption>
    Adding tags in Shopify
  </Figcaption>
</Figure>

<Hint type="success" title="Tip">
  Keep tag names short so customers can scan and browse the tag list easily, especially on mobile where the tags scroll horizontally.
</Hint>

###