# Blog posts

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

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 edit a blog post template <a href="#how-to-edit-a-blog-post-template" id="how-to-edit-a-blog-post-template"></a>

{% hint style="success" %}
Steps

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.**
   {% endhint %}

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

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

### Main article block

#### Title

* **Show tags:** Displays the keywords or categories related to the article/blog post.
* **Show date:** Displays the date the article or blog post was pued.
* **Show author:** Shows the name of the author or contributor of the article/blog post.
* **Heading size:** Choose an appropriate font size for the blog post heading.

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

#### Image

These settings allow you to define the image size ratio, choose the border type, and adjust the corner radius for blog post images.

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

#### 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).&#x20;

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

#### Social sharing

* **Show tags:** Displays the keywords or categories related to the article/blog post.
* **Show social sharing:** Displays social media icons for the page.

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

{% hint style="info" %}
To set up social media, learn more: [Social media](/pebble-theme/theme-settings/social-media.md).&#x20;
{% endhint %}

#### Related posts

**Heading**

You can add a title for the Related posts section and choose the heading text size.

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

**Layout**

Horizontal gap: Controls the spacing between the related post cards.

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

**Card settings**

* Alignment: Adjusts the position of the blog card text with 3 options: Left, Center, Right.
* Show tags: Displays the keywords or categories related to the article/blog post.
* Show date: Displays the date the article or blog post was pued.
* Show author: Shows the name of the author or contributor of the article/blog post.
* Show read more button: Lead the customers to the full article/blog post.

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

**Mobile layout**

Horizontal gap: Adjust the spacing between post cards on mobile devices.

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

{% hint style="info" %}
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** ✨

![](/files/5QABSoh7pTjHi51QDRjM)\
You can also learn more about [blog posts in Foxify](https://foxecom.com/pages/blog-post-builder) here 😊
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/pebble-theme/other-pages/blog-posts.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.