# Blog posts

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FlxjFWxnfl13eOpGdobFl%2FFox-BG%20Light%20(4).jpg?alt=media&#x26;token=fc1bb5f2-1eac-44ed-9e44-5ad366503123" 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="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FcfqJecmlHyZe6OZKUnYM%2Fimage.png?alt=media&#x26;token=a48a61dd-55ad-457c-8d34-b39a47c06b85" 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="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FO6apNVMPG0yiKqSv0rHw%2Fimage.png?alt=media&#x26;token=18abf7c2-bb41-4985-9342-a5a75510fdaa" 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="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FUvuxd1uDbEz2bekQUIoF%2Fimage.png?alt=media&#x26;token=a59da2ba-14b4-42f3-a717-290d41ce21de" 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="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FCdBAmIfqO6MweLjH6xxH%2Fimage.png?alt=media&#x26;token=0955f168-3b64-446b-99ca-469e4a5552ec" 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="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FVgr7TBucN73XiBgBjAUd%2Fimage.png?alt=media&#x26;token=5b22be34-9a6c-41ff-8a25-3e5c28ba0c10" alt=""><figcaption></figcaption></figure>

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

#### Related posts

**Heading**

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

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FrtghvwmQvujjD9SEz7DF%2Fimage.png?alt=media&#x26;token=45767ab3-7cb9-447e-96b4-b58e6cc81085" alt=""><figcaption></figcaption></figure>

**Layout**

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

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2Fh1s6juteqZs5Uv2VHUdx%2Fimage.png?alt=media&#x26;token=42c9ad5a-2bd6-48b9-9566-2f11a4565fe6" 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="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FKtEp9LLjn7jKg1JAs7HJ%2Fimage.png?alt=media&#x26;token=f6bf41e7-70d5-44e6-9caf-5ca9ac8542a1" alt=""><figcaption></figcaption></figure>

**Mobile layout**

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

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2F3mw61bcGasHGv7X0c8hY%2Fimage.png?alt=media&#x26;token=fbe3cea1-ad3f-44d0-a43c-3a22b8a8ddac" alt=""><figcaption></figcaption></figure>