Skye, Foundry, Indigo, Ready, and Tudor share the same underlying structure and functionality. This guide applies to all these templates.
Skye, Foundry, Indigo, Ready, and Tudor offer a variety of eye-catching features. Author profiles, Related Posts, a progress indicator, and customizable Share buttons engage your readers and help your blog posts shine.
When a visitor clicks on a thumbnail tile in the Blog Page, the full post opens with its own URL. For general information about adding and managing blog posts, visit Blogging with Squarespace.
This page describes the special features of blog posts. For information about styling the Blog Page thumbnail grid, visit Blog Pages.
Tip: To see most of Site Styles tweaks mentioned on this page, open an individual blog post, not the blog landing page.
If your post has a thumbnail image, it can create a banner at the top of the blog post. Enable or disable this with the Show Banner Image tweak.
- Use the Banner Image Width tweak to set the thumbnail’s size to Normal or Narrow.
- The height is set by the original image, proportional to the width. Ensuring all your banner images have the same aspect ratio will create a uniform look.
Use Site Styles to adjust where your metadata elements display.
Note: These tweaks also affect the Blog Page and Related Post thumbnail tiles.
- Date - The date can display next to the post title, below it, or above it in a round or rectangular callout. Adjust this with the Date Style tweak.
- Divider line - Adjust or hide the divider line that displays between the post title and promoted metadata with the Divider tweaks.
- Author name, category, and tags - Use the Promoted Meta tweak to determine which element displays below the post title, rather than below the post.
Note: The author name won't display below the post when the Author Profile appears on the page. The author name metadata always displays when the Author Profile is hidden.
Blog posts support a sidebar. The blog post sidebar is site-wide, meaning the same sidebar displays on all blog posts.
Enable or disable the sidebar with the Show Sidebar tweak in Site Styles, and adjust its size with Sidebar Width. You can also choose to display the Author Profile above the sidebar content.
Note: If you’re going to hide the blog sidebar, delete the demo content first. Even when hidden, text from the sidebar may get pulled into posts when sharing on social media.
Hover over the sidebar and click Edit to customize it with blocks. For example, you could use an Archive Block to add a list of recent posts, or a Summary Block to add clickthrough thumbnail images to featured posts.
Tip: You can’t edit the sidebar while the blog post editor is open.
Author profiles can display in the sidebar, or below the post and Share buttons. Use the Author Profile tweak in Site Styles to adjust where it displays, or to hide it.
Blog posts follow a content inset.
Tip: To create a varied visual effect, check the Full Bleed Images, Video, and Gallery tweak. Image, Gallery, and Video Blocks will display at the width of the main content area, while all other blocks follow the Content Inset tweak.
Once you’ve enabled comments, a Leave a Comment link displays at the bottom of the page. Click the link to reveal the comment box. To learn about comment settings and options, visit Managing comments.
A progress pie tells visitors how far into the post they are. The progress pie appears in the bottom-left corner as you scroll.
Use the Progress Indicator Fill Color tweak in Site Styles to adjust the color.
Next and Previous navigation
Navigation arrows appear to the left and right of each blog post to encourage visitors to click through to the next or previous post. On hover, the arrow displays the post’s date and title. If you've checked the Show Banner Image tweak, it also shows the post's thumbnail image.
On mobile devices and narrower browsers, the arrows, title, and dates display on the page below the post content. Thumbnail images don't appear.
Three posts display at the bottom of the post. Only the thumbnail, date and post title display. They inherit the style of your Blog Page tiles.