Customizing your Blog Post page allows you to tailor the look and feel of your blog posts to match your brand and engage your readers. The changes you make to your Post page settings are applied to all your blog posts.
This means the font you select is the same font applied to all your blog posts. The same also applies for the information you select to display on a post. This helps create a cohesive and professional appearance for your blog, making it more appealing and easier to navigate.
In this article, learn more about:
Accessing the Blog Post page
- Go to your editor.
- Go to your Post page:
- Click Pages & Menu
on the left side of the editor. - Click Blog Pages.
- Click Post.
- Click the Post Page element on your page.
Choosing what elements to show on your post page
Choose exactly what info and elements to show on your post page. For example, you can show or hide information about the post, such as the author name and reading time. You can also choose which elements you want to include, such as the blog menu and sharing options.
To choose what elements you want to show:
- Go to your editor.
- Go to your Post page:
- Click Pages & Menu on the left side of the editor.
- Click Blog Pages.
- Click Post.
- Click the Post page in your editor.
- Click Settings.
- Click the Display tab.
- Choose what you want to customize:
What info shows on your posts
Show your readers exactly what you want them to see.
- Select or deselect the info options under What shows on your post?:
- Writer name: Let readers know who wrote the post. This can be useful if you have multiple blog writers.
- Image: Show an image of the writer beside the writer's name.
- Publish date: Show the date the post was initially published, so readers know how recent it is.
- Reading time: Show the estimated reading time, so readers know what to expect.
- Post title: Show the title of the post.
- Date of last update: Show when the post was last updated. This is helpful if you published a post and later added additional info to it.
- Show category labels: Show which category the post belongs to.
- Tags: Show which tags have been added to this post.
- More Actions menu: Display a More Actions icon on your post so you can edit it from your live site.
- View counter: Show how many readers have seen this post.
- Like counter: Show how many readers have "liked" this post.
Show your blog menu at the top of your post page to allow readers to easily navigate your blog. If you've divided your posts into categories, the category names appear here.
- Click Blog Menu to choose what appears on the menu.
- Click the Show Blog Menu toggle to show or hide the menu at the top of the feed
- (If enabled) Select or deselect the checkboxes to choose what info you want to show on the menu.
Get more traffic to your blog by allowing readers to share your posts on social media.
- Click Share and print.
- Customize your share and print options by enabling/disabling the toggles:
- Enable share and print icons: Adds social share and print icons to the post, e.g. Facebook, LinkedIn and Print post.
- Add "Save" Button to images: A Pinterest Save button is added to your image to allow your blog readers to share the image on their Pinterest boards.
- Share text on X/Twitter: A share text on X/Twitter button is added to your post to allow your blog readers to share the text on X/Twitter.
Engage your readers more by showing posts related to the one they're currently reading. Related posts appear at the bottom of the post page.
- Click Related Posts.
- Customize your related post options by enabling/disabling the toggles:
- Show related posts: A related post element is displayed on your post page.
- Display post label: A label is added to identify these posts as either Related Posts or Recent Posts.
- Show "See All" link: A "See all" link is added to your related posts element that lets readers click to view more related posts.
Customizing the design of the post page
As the post page is a dynamic page, it means that the design you set here is used every time a reader opens one of your blog posts. Customize the fonts and colors to make sure it matches your site.
To customize the design of the post page:
- Go to your editor.
- Go to your Post page:
- Click Pages & Menu on the left side of the editor.
- Click Blog Pages.
- Click Post.
- Click the Post page in your editor.
- Click Settings.
- Click the Design tab.
- Choose what you want to design:
Customize the design of the menu that appears at the top of the post page.
- Click Navigation.
- Customize the following:
- Font style and color: Select the color and font of the blog menu text.
- Font color for clicked & hover: Select the color of the blog menu text when a reader hovers over it with their mouse.
- Background opacity and color: Select a color for the blog menu background and drag the slider to change the opacity.
Customize the design of the post text. Make sure to select a color and font that's easy to read. You can override these settings when writing blog the post.
- Click Text style and color.
- Under Paragraph, customize the style and color of your post text and change the color of your links and hashtags.
- Under Headings, customize the style and color of your post headings.
Customize the design of the star that shows the rating your post received.
- Click Ratings.
- Customize the following:
- Filled star opacity and color: Select the color of the filled star and adjust the opacity.
- Unfilled star opacity and color: Select the color of the unfilled star and adjust the opacity.
- Text font and color: Select the font and color of the ratings text.
Customize the design of the tag labels that appear on your blog posts.
- Click Tags.
- Click the Show tag label toggle to enable or disable tag labels on posts.
- Under Tag Layout, customize the following:
- Tag layout: Choose a layout for your tag, button or text.
- Tag alignment: Choose an alignment for your tag: Left, Center or Right.
- Scroll down to Spacing between tags and customize the following:
- Top and bottom spacing: Drag the slider to adjust the amount of spacing at the top and bottom of your tag text.
- Side spacing: Drag the slider to adjust the amount of spacing at the side of your tag text.
- Scroll down to Tag design and customize the following:
- Regular:
- Font style and color: Select the font style and color of the tag.
- Background color: Click the color box to select a color for your tag background and drag the slider to adjust the opacity of the background color.
- Border opacity and color: Click the color box to select a color for your tag border and drag the slider to adjust the opacity of the boarder color.
- Border width: Drag the slider to change the border width.
- Corner radius: Drag the slider to change the corner radius.
- Hover:
- Font color: Click the color box to select the color of your tag font on hover.
- Background color: Click the color box to select the color of your tag background on hover.
- Border opacity and color: Click the color box to select a color for your tag border on hover and drag the slider to adjust the opacity of the border color.
Customize the design of the post background and buttons used on the post page.
- Click Background & Buttons.
- Under Post background, customize the following:
- Border opacity and color: Click the color box to select a color for your background border and drag the slider to adjust the opacity of the boarder color.
- Border width: Drag the slider to change the border width.
- Post background: Click the color box to select a color for your post background and drag the slider to adjust the opacity of the background color.
- Post area background: Click the color box to select a color for your post area background and drag the slider to adjust the opacity of the color.
- Scroll down to Button style and customize the following:
- Text color: Select a color for your button text.
- Background color: Select a color for your button background.
