> For the complete documentation index, see [llms.txt](https://themessupport.gitbook.io/lollipop-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themessupport.gitbook.io/lollipop-theme/how-to-create/how-to-create-a-blog-post.md).

# How to create a blog post

Blog posts are articles published under a blog in your store. You can use them for news, styling guides, brand stories, or product education. The Elegance theme displays blog posts on the Blog page, Article page, and in the Featured Blog section.

## Step-by-step: Create a Blog Post

{% stepper %}
{% step %}

## Open the Blog Posts section

Go to **Shopify Admin → Content → Blog posts**. Click **Create blog post** in the top right corner.

Screenshot: Shopify Admin — Blog posts list

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

**Shopify Admin — Blog posts list** Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows
{% endstep %}

{% step %}

## Add a title

Enter a clear, descriptive title for your blog post. This becomes the article heading and is used in the URL.

Screenshot: Blog post editor — Title field

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

**Blog post editor — Title field** Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows
{% endstep %}

{% step %}

## Write the content

In the main content area, write your blog post. The editor supports:

* Headings (H2, H3)
* Bold and italic text
* Bulleted and numbered lists
* Links
* Images embedded in the content
* HTML (via the code view)

Screenshot: Blog post editor — Content area

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

**Blog post editor — Content area** Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows
{% endstep %}

{% step %}

## Upload a featured image

In the **Featured image** section, click **Add image** and upload a cover image for the article. This image appears on the Blog page listing, article cards in the Featured Blog section, and at the top of the article page. After uploading, add **Alt text** describing the image.

Screenshot: Blog post editor — Featured image upload

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

**Blog post editor — Featured image upload** Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows
{% endstep %}

{% step %}

## Set the excerpt

In the **Excerpt** field, write a short summary of the article (1–2 sentences). This is shown on the Blog listing page and in the Featured Blog section cards.

Screenshot: Blog post editor — Excerpt field

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

**Blog post editor — Excerpt field** Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows
{% endstep %}

{% step %}

## Add tags

In the **Tags** section, add relevant tags to the article (e.g. fashion, skincare, tips). Tags can be used to filter or organise blog posts.

Screenshot: Blog post editor — Tags field

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

**Blog post editor — Tags field** Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows
{% endstep %}

{% step %}

## Select the blog

In the **Blog** dropdown, choose which blog this article belongs to (e.g. News, Journal, Tutorials). To create a new blog, select **Create a new blog** from the dropdown.

Screenshot: Blog post editor — Blog dropdown

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

**Blog post editor — Blog dropdown** Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows
{% endstep %}

{% step %}

## Set the author and published date

In the right panel:

* **Author** — select the author from the dropdown.
* **Published** — the date and time the post will be or was published. You can backdate or schedule posts.

Screenshot: Blog post editor — Author and date

<figure><img src="/files/1bzeEGvdsJky1RULevy4" alt=""><figcaption></figcaption></figure>

**Blog post editor — Author and date** Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows
{% endstep %}

{% step %}

## Add SEO details

Click **Edit website SEO** at the bottom to set:

* **Page title** — shown in browser tabs and search results.
* **Meta description** — the preview text shown in Google search results.
* **URL handle** — the article URL slug (auto-generated from title, can be edited).

Screenshot: Blog post editor — SEO section

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

**Blog post editor — SEO section** Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows
{% endstep %}

{% step %}

## Publish the post

Set the status to **Active** using the status dropdown in the right panel. Click **Save**. The post is now live and will appear on your Blog page.

Screenshot: Blog post editor — Status and Save

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

**Blog post editor — Status and Save** Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows
{% endstep %}
{% endstepper %}

## Displaying Blog Posts in Elegance

| Where it appears      | How it works                                                                                                                   |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| Blog page             | Automatically lists all published posts in the selected blog. No additional setup needed.                                      |
| Featured Blog section | Add the Featured Blog section to any page in the theme editor. Select the source blog and configure how many posts to display. |
| Article page          | Each blog post has its own article page rendered automatically by the article.json template.                                   |

{% hint style="info" %}
**Note:** If a blog post does not appear in the Featured Blog section, check that its status is **Active** and that it belongs to the blog selected in the section settings.
{% endhint %}