Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Skye blog posts

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 the Style Editor tweaks mentioned on this page, open an individual blog post, not the blog landing page.

Thumbnail banner

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.

Metadata

Use the Style Editor 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.

Sidebar

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 the Style Editor, 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 profile

Every post's author can have an author profile, which displays the author’s name, website link, and bio. Clicking the author name takes you to a filtered results page for that author’s posts.

Author profiles can display in the sidebar, or below the post and Share buttons. Use the Author Profile tweak in the Style Editor to adjust where it displays, or to hide it.

Text inset

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.

Share buttons

Share buttons display below the post. Use the Style Editor to customize how they display. To choose which buttons display or to hide them all, visit Adding Share buttons.

Comments

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.

Page loading

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 the Style Editor 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.

Related Posts

To enable Related Posts, open Blog Page Settings, go to the Features tab, and check Enable Related Items.

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.

Next steps

Review our troubleshooting FAQ or see a list of all Style Editor tweaks.

Was this article helpful?
9 out of 16 found this helpful
Skye blog posts