Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Native Blog Pages

Native's Blog Page displays as a list of vertically-stacked posts. Clicking a post title opens the full post at its own URL.

Note: To set up your Blog Page and posts, visit Blogging with Squarespace.

Layout

On the blog landing page:

  • The date and categories display above the post. Select Blog Meta Data: Bottom to move these below the post.
  • The source URL, tags, and the Comment, Like and Share buttons display below the post.
  • Hide or display the author name with the Hide Author tweak in the Style Editor.
  • The Hide Icons tweak removes the icons next to the metadata.
  • Meta tweaks adjust the metadata for your posts, such as the post date and tags.
  • In the General section of the Style Editor, make the Borders Color tweak opaque to add border lines at the bottom of blog posts. Lines will also appear above and below the Main Navigation.
  • Promoted Blocks display above the post title and wider than post content.
  • Thumbnail images display in circles above excerpts.

On individual blog posts, the layout is the same, but navigation for previous and next posts displays above the comments. Thumbnails don't display on individual posts.

Here's an example post on the blog landing page:

post-native.png

Excerpts

You can set an excerpt for a post in the Options tab of the Blog Post Editor. When you set an excerpt in Native, the thumbnail image for that post displays as a circle above the post title.

  • The focal point doesn't apply to circular thumbnail images in blog excerpts.
  • The thumbnail image won't display on mobile.
  • Thumbnails don't display on individual posts.

excerpt-native.png

Promoted Blocks

Promoted Blocks display above the post title and content in the blog list and on individual blog posts. They are also wider than the post content.

  • Promoted Blocks display the same way on mobile.
  • Promoted Blocks don't display when there's an excerpt. The post thumbnail displays instead.

promoted-native.png

Location tags

You can add a location tag to each post in the Location tab of the Blog Post Editor. The text from the Business Name field will display as the location tag.

Mobile

On mobile devices and narrow browsers, content stacks vertically. Thumbnail images don't display.

mblog-native.png

Note: For general information about styling your site, visit Structure and style.

Next steps

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

Was this article helpful?
17 out of 23 found this helpful
Native Blog Pages