Learn to design the look and feel of your blog posts.
In this article:
- Designing your blog posts
- Customize the design of your blog posts
- Blog post body settings
- Section Settings
Designing your blog posts
We get it. Strategizing, creating, and delivering content requires a lot.
With the Website Builder you can design your blog posts at your pace.
Want to spend less time customizing the design and more time creating your content? Or do you want to dive into the design work for your blog posts to best represent your brand?
The choice is yours with the Website Builder.
With the Website Builder, the process of designing your blog post is simple and easy to set up.
But if you are looking to create a highly-customized blog post page, you have the editing capabilities to do so!
Customize the design of your blog posts
The blog post design page is very similar to your main blog homepage with the addition of the Blog Post Body Section.
To customize your blog post design:
- Open the Website tab from your Dashboard.
- Select Blog Post from your list of standard website pages.
- Click Customize to begin designing your blog post pages:
The Blog Post Body Section is unique to the blog post builder to customize the overall look and feel of your blog posts.
The Blog Post Body Section allows you to customize:
- The content displayed (e.g., header, date, tags),
- A Call to Action to encourage an immediate response from your visitors,
- An Opt In Form to encourage visitors to subscribe to your list,
- Your blog post sidebar separately from your blog homepage sidebar.
To edit the Blog Post Body section, open the page editor for your Blog and click the section from your sidebar.
Blog post body settings
In your Blog post body section, customize the:
Blog Post Body
Customize your Blog Post Body content to display:
- Header on Top - Your Blog Post Header on top of your Blog Post Media,
- Date - The blog post publishing date,
- Tags - Any tags assigned to your blog post. learn more
Video Player Color - Click to customize the color of your video player for blog posts with a video uploaded as the media type.
If you prefer to use a custom color, click the color wheel and then either enter your RGB color code or use the sliders to choose your color.
- The vertical bar allows you to select the hue.
- The square box allows you to select the brightness and saturation.
- The horizontal bar allows you to select the opacity of your color.
Blog Post Sidebar
With the Website Builder, customize your blog post sidebar independently from your blog homepage sidebar to design a space for your blog post visitors to easily navigate through your blog with the blog post sidebar.
With the Website Builder, customize how your Blog Post Body Sidebar is displayed on Desktop and Mobile devices:
Customize your blog sidebar by adding, removing, and arranging your blog post sidebar blocks:
- Author - Add and customize your author information to display in the sidebar of your blog homepage:
- Call to Action - Encourage an immediate response from your visitors to subscribe to your marketing emails, view a landing page, purchase an Offer, and more. Learn to use a Call to Action
- Categories - Use Categories to easily filter through your Blog Posts when visitors view your Blog. Customize the language and appearance for your Categories block in the blog homepage sidebar. Read How to Categorize your Blog Posts for more details.
- Custom Block - Create Custom blocks in your Blog Sidebar to include Images, a Call to Action (CTA), and additional text content. For example, advertise your own Offer from your blog sidebar:
- Image - Add an Image to your sidebar to elevate the visual experience of your Blog Post Sidebar. Additionally, configure the Image Action to turn your image into a button to redirect to your selected location when clicked. Learn more about image blocks
- Recent Posts - List your most recent posts for your Blog visitors to easily access from the sidebar:
- Sidebar Search - Add a search bar to the homepage of your Blog for your visitors to easily search your Blog Posts:
- Social Links - Include Social Links to connect your Blog visitors to your social networking pages. Simply copy and paste your social networking page to its corresponding text box in the Sidebar Editor:
Call to Action
Encourage an immediate response from your visitors to subscribe to your marketing emails, view a landing page, purchase an Offer, and more. Learn to customize a Call to Action for more details
Select Show Call to Action if you wish to add a Call to Action to the bottom of your Blog Post Body:
Encourage your blog post visitors to submit a Form by adding an Opt In to your Blog Post Body section. Learn to customize a Form on your page for more details
Select Show Opt In to add the Opt In to the bottom of your Blog Post Body:
Blog Post Container
Put your Blog Post into a container to visually separate your post from other sections on your Blog Post. In this section, you can customize the container background color, border type, border width, border, and container box shadow.
Blog Sidebar Container
Put your Blog Sidebar into a container to visually separate and highlight your sidebar from other sections on your Blog Post. In this section, you can customize the container background color, border type, border width, border, and container box shadow.
Customize your Blog even further by customizing the background and editing your desktop and mobile layout appearance for the sections of your Blog: