---
title: Customizing your blog posts [B12 2.0]
description: All the options you have for customizing blog posts on your Blog Feed.
---

[Skip to content](https://support.b12.io/en/v2/customizing-your-blog-posts#main-content)

![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg)

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)

Open main navigation

Close main navigation

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)
- [Start for free](https://b12.io/signup/)

[Start for free](https://b12.io/signup/)

 How can we help?

- There are no suggestions because the search field is empty.

1. [B12 Help Center](https://support.b12.io/en?hsLang=en)
2. [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en)
3. [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)

# Customizing your blog posts \[B12 2.0\]

## All the options you have for customizing blog posts on your Blog Feed.

| ![jay\_d2-1572877644-modified](https://support.b12.io/hs-fs/hubfs/jay_d2-1572877644-modified.png?width=60&height=60&name=jay_d2-1572877644-modified.png) Written by: Jay Douglas Last updated: 29 Dec., 2025 |   |
| --- | --- |

Blog posts use templates to allow consistent design while still displaying unique content for each post. A template defines the layout and sections used by one or more blog posts, including preset text, images, and additional sections.

A template can be applied to multiple blog posts or to a single post, depending on your needs.

**Note:** In order to customize your blog posts, you should already have a [blog feed](https://support.b12.io/en/articles/3436901-adding-a-blog-feed?hsLang=en) added to your website to get started. 

### Editing a blog post template

Your first blog post template is created automatically, but you can edit an existing template to customize how your blog posts appear.

1\. In the left sidebar menu, go to ` Website` \> `Pages`, then select the page that contains your blog feed.

2\. Scroll to **Collection** and select any blog post.

![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-04-13-54-5530-PM.png?width=250&height=291&name=image-png-Dec-30-2025-04-13-54-5530-PM.png)

3\. Scroll to **Template** and click `Edit`.

![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-04-15-21-1334-PM.png?width=250&height=214&name=image-png-Dec-30-2025-04-15-21-1334-PM.png)

You’ll now see the sections that make up the blog post template.

![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-04-14-43-2303-PM.png?width=250&height=400&name=image-png-Dec-30-2025-04-14-43-2303-PM.png)

4\. Add a [new section](https://support.b12.io/en/articles/5063771-adding-a-new-section-to-a-page?hsLang=en), [rearrange sections](https://support.b12.io/en/articles/3418613-rearranging-sections-navigation-links-and-other-collection-items?hsLang=en), or [hide existing ones](https://support.b12.io/en/articles/702598-add-hide-and-delete-pages-and-sections?hsLang=en) as needed.

5\. Click any section to edit it.

6\. Under **Content**, you can control what text and media appear on each blog post.

![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-04-15-58-5126-PM.png?width=250&height=417&name=image-png-Dec-30-2025-04-15-58-5126-PM.png)

For example:

- - The **Title** can pull from the blog post title.
    - The **Subtitle** can pull from a custom subtitle field.
    - Other fields may include body text, call-to-action buttons, and images.

Mapping these fields ensures each blog post displays the correct content automatically.

7\. Under **Appearance** section, you can:

- Change or regenerate the section layout
- Enable animations
- Choose light, dark, or accent backgrounds
- Add background images or videos from your library or from the blog post itself

![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-04-17-25-5813-PM.png?width=250&height=446&name=image-png-Dec-30-2025-04-17-25-5813-PM.png)

8\. Scroll to the bottom to fine-tune:

- Alignment
- Background behavior
- Buttons and links
- Grid and spacing
- Image settings
- Order and positioning
- Mobile display

![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-04-17-58-4750-PM.png?width=250&height=287&name=image-png-Dec-30-2025-04-17-58-4750-PM.png)

Use these options to ensure your blog posts look consistent across devices.

Once saved, changes apply to every blog post using this template.

<https://b12-daae34f4213e.intercom-attachments-7.com/i/o/157992132/055c2bd0e3f2743e2e1a0c0e/ufvW4N3N1rNi5oWhDxt_Gq-eorCCge33JCgRYHg7iO9LDysXtF8nMsG3ixTHO-hNrwwi_DGR2Q6sohwdetOcJQvWKK3kKuaRa33KDghBHQKMMGI2IA6-VvM6ms7RVn2bZrFY0qqe>

### Mapping and unmapping content on blog templates

Mapping tells the editor to pull content from each individual blog post.

1\. Open the [blog post template](https://support.b12.io/en/v2/customizing-your-blog-posts#editing-blog-template).

2\. Click a section then under **Content**, click `Manage` beside the field you want to control.

![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-04-21-39-6259-PM.png?width=250&height=244&name=image-png-Dec-30-2025-04-21-39-6259-PM.png)

Choose one of the following options:

`Map content to field`

Select this option to pull content dynamically from each individual blog post. Choose an attribute such asBlog post title or Blog post body.  
The field will update automatically for each post.

`Display content on all pages`

Select this option to make the content static. The same text or media will appear on every blog post using this template.

`Display overwritable content`

Select this option to create a new field that can be customized per blog post. You can add default content on the template, which will display if no custom content is added on a post.

3\. Click `Publish`in the upper-right corner to make your changes live.

### FAQs

#### How do I know what template a post is using?

Select the blog post. The template shown before opening the dropdown is the one currently applied. To change it, open the dropdown and select a different template.

#### How can I find a list of all blog posts using a template? 

Access any blog post and click `Edit`. Then, select the dropdown under **Preview blog post** to see which posts are using this template.

- [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content)

    - [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction)
    - [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides)
- [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content)

    - [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills)
- [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content)

    - [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit)
    - [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor)
    - [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends)
    - [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions)
    - [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce)
    - [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager)
    - [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures)
    - [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing)
    - [Team](https://support.b12.io/en/built-in-features?hsLang=en#team)
    - [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics)
    - [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings)
- [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content)

    - [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations)
- [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content)

    - [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains)
    - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain)
    - [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain)
    - [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending)
    - [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing)
- [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content)

    - [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs)
- [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content)

    - [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password)
    - [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information)
    - [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account)
    - [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites)
    - [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user)
- [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content)

    - [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0)
- [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content)

    - [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)
    - [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design)
    - [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings)
    - [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor)
    - [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo)
    - [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general)
    - [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication)
    - [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language)
    - [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce)
    - [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features)
    - [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources)
    - [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms)
    - [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling)
    - [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only)

[![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io)

© 2025 B12. All rights reserved.

<https://twitter.com/b12> <https://www.facebook.com/B12io> <https://www.youtube.com/@b12io> <https://www.instagram.com/b12io>

×