# Blog posts

![image](https://docs-assets.foxecom.app/pebble-theme/Fox-BG%20Light%20\(4\)_EjdlaCNV.jpg)

A **blog** serves as your brand's voice, resonating with potential customers and building lasting connections.

Here's how a well-crafted blog can supercharge your online presence:

* **Brand storytelling:** Share your brand's story, values, and mission. Let your audience connect with your vision and the "why" behind what you do.
* **Expertise & authority:** Establish yourself as a trusted resource by providing valuable content, industry insights, and helpful tips.
* **Attract & engage:** High-quality blog content can attract new visitors to your website and keep them coming back for more.
* **SEO powerhouse:** Blogs optimized for search engines can significantly improve your website's ranking, driving organic traffic.
* **Building relationships:** Foster a community around your brand by creating interactive content that invites conversation and feedback.

## How to set up a blog post page

1. In the theme editor (**Customize**), open the template selector.
2. Select **Blog posts**, then **Default blog post.**
3. On the left-sidebar, select **Main article.**

You can adjust the color scheme and padding of the **Main article** to make the blog post page look more harmonious.

## Customize Main article section in blog post page

### Title

| Setting          | Description                                                           |
| ---------------- | --------------------------------------------------------------------- |
| **Show tags**    | Displays the keywords or categories related to the article/blog post. |
| **Show date**    | Displays the date the article or blog post.                           |
| **Show author**  | Shows the name of the author or contributor of the article/blog post. |
| **Heading size** | Choose the heading size for the blog post title.                      |

### Image

| Setting           | Description                                                                             |
| ----------------- | --------------------------------------------------------------------------------------- |
| **Aspect ratio**  | Sets the image’s width-to-height ratio                                                  |
| **Border**        | Choose whether to display a border around the image.                                    |
| **Corner radius** | Adjusts how rounded the image corners are. A higher value creates more rounded corners. |

### Content

The Content block allows your post to be displayed. To change the content, go to [Edit blog post](https://admin.shopify.com/store/foxecom-documentation/content/articles/617556443419). 

### Social sharing

| Setting                 | Description                                                                                       |
| ----------------------- | ------------------------------------------------------------------------------------------------- |
| **Show tags**           | Displays the tags associated with the blog post.                                                  |
| **Show social sharing** | Displays social sharing options so readers can share the blog post on supported social platforms. |

*To set up social media, learn more:* [*Social media*](https://docs.foxecom.com/pebble-theme/theme-settings/social-media)

### Navigation

Displays links to the **previous and next blog posts**, allowing readers to easily continue browsing between articles.

### Related posts

| Setting                   | Description                                                                                          |
| ------------------------- | ---------------------------------------------------------------------------------------------------- |
| **Heading**               | Sets the title displayed above the related posts section. Leave it blank to use the default heading. |
| **Heading size**          | Chooses the size of the related posts section heading.                                               |
| **Horizontal gap**        | Adjusts the spacing between related post cards on desktop.                                           |
| **Alignment**             | Sets the content alignment inside each related post card: Left, Center, or Right.                    |
| **Show tags**             | Displays the tags associated with each related blog post.                                            |
| **Show date**             | Displays the publication date of each related blog post.                                             |
| **Show author**           | Displays the author of each related blog post.                                                       |
| **Show excerpt**          | Displays a short excerpt or summary from each related blog post.                                     |
| **Show read more button** | Displays a button or link that readers can use to open the full blog post.                           |
| **Mobile horizontal gap** | Adjusts the spacing between related post cards on mobile devices.                                    |

### Comments

| Setting          | Description                                             |
| ---------------- | ------------------------------------------------------- |
| **Heading size** | Chooses the heading size for the blog comments section. |

*To manage blog post comments, learn more:* [*Managing comments on blog posts*](https://help.shopify.com/en/manual/online-store/blogs/managing-comments)

## Want a better Blog post layout? ✨

If you’re looking to create a more visually appealing blog post layout, you might want to try our [**Foxify AI Landing Page Builder app**](https://apps.shopify.com/foxify-builder?utm_source=foxecom\&utm_medium=help_center_pebble_other_pages_blog_posts\&utm_campaign=anchor_text\&utm_term=foxify_ai_landing_page_builder_app), it helps you create beautiful templates easily with simple **drag-and-drop** ✨

You can also learn more about [blog posts in Foxify](https://foxecom.com/pages/blog-post-builder) here 😊

![](https://docs-assets.foxecom.app/pebble-theme/image_5QABSoh7.png)