When readers select a post from your blog feed, it opens up the post page. This is a dynamic page, meaning the content changes according to the post selected while the design remains the same.
You can customize the design to match your site and brand and choose which elements you want to show.
Show me how to access the blog page
Wix Editor:
- Click Pages
on the left side of the Editor. - Click Blog Pages.
- Click Post.
Editor X:
- Click the Pages icon
in the top bar of Editor X. - Scroll down and click Blog Posts.
In this article, learn more about:
Choosing what elements to show on your post page
You can choose exactly what info and elements to show on your post page. Show or hide information about the post, such as the author name and reading time, and choose which elements you want to include, such as the blog menu and sharing options.
To choose what elements you want to show:
- Select 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?:
- Author name: Let readers know who wrote the post. This can be useful if you have multiple blog writers.
- 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.
- 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.
- Views counter: Show how many readers have seen this post.
- Likes 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.
Editor
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
- When enabled, select or deselect the checkboxes to choose what info you want to show on the menu.
Editor X
Enable the Category labels toggle to display your categories at the top of the post.
The social sharing and print options
Get more traffic to your blog by allowing readers to share your posts on social media.
- Click Share & Print.
- Enable or disable the Enable share & print icons toggle. If enabled, select which icons you want to show.
- Enable or disable the "Pin IT" button on images toggle. If enabled, a Pinterest button appears on images in the post so readers can easily share them on Pinterest.
- Enable or disable the Select text to tweet toggle. If enabled, readers can highlight any text in your post to share it on 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.
- Enable or disable the Show related posts toggle. If enabled, customize how the related posts appear:
- Enable or disable the Show label toggle to show a label identifying these posts. If enabled, choose between Related Posts or Recent Posts.
- Enable or disable the Show see all link toggle. If enabled, "See all" link is added to your related posts element that lets readers click to view more related posts.
- Click Comments.
- Enable or disable the Enable comments toggle to allow signed in readers to post.
- Enable or disable the Enable guest comments toggle to allow anyone to post (even when not signed in).
Note:
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:
- Select 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 Blog Menu.
- 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.
- Click Text Style & Color.
- Choose the colors and fonts of the follow text elements:
Note: You can override these settings when writing blog the post.
- Title style and color: The main blog title
- Subtitle (T1) style and color: Blog post subtitle
- Subtitle (T2) style and color: Blog post secondary subtitle
- Text style and color: Blog post body text and default text (e.g. author name)
- Quote style and color: Quotations in posts
- Links and hashtags: Links and hashtags in posts
- Border color & opacity: Blog post border
- Border width: Blog post border
- Post background color: Background color for posts
Customize the design of the tag labels that appear on your blog posts.
- Click Tags.
- Enable or disable the Show label toggle to show or hide the post tags. If enabled, customize the following:
- Tag Layout: Select a layout and alignment for the tags.
- Spacing Between Tags: Drag the sliders to change the vertical and horizontal spacing between the tags.
- Text Padding: Drag the sliders to set how far the text is from the edges of the tag label.
- Tag Design: Customize the fonts and colors used on the tag for both the regular and hover views.
Customize the design of the background and buttons used on the post page.
- Click Background & Buttons.
- Customize the following:
- Post Background: Select the colors used in the background of the post, set the border width and change the opacity.
Tip: To keep the background color the same as the blog background, set the opacity to 0%. - Button Style: Select the color and font of the buttons that appear on your post.
