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

Ishimoto'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 content.
  • The source URL, tags, and comment, Share, and Like buttons display below the post. 
  • Use the Blog Meta Data tweak to set the color of categories, tags, and other metadata.
  • Author names don't display.
  • To adjust the space between posts, use the Blog Post Spacing tweak.
  • Use the Quote tweaks to style Quote Blocks. This affects all Quote Blocks on your site.
  • Promoted Blocks display above the post title.
  • Thumbnails can display in excerpts.

On individual blog posts, the layout is the same, but navigation for previous and next posts displays above the comments.

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

ishimoto-blog.png

Promoted Blocks

For both full posts and excerpts, Promoted Image, Gallery, and Video Blocks display above the post title. To promote a block, make it the first block in a blog post, above all other content. 

promoted-block.png

Excerpts

Excerpts display with a Read More link. You can include images with excerpts: 

  • Promoted Blocks display above the post title.
  • Thumbnails display above the excerpt text.

If a post with an excerpt has both a thumbnail and a Promoted Block, the Promoted Block displays.

excerpt.png

Sidebar

The sidebar displays on the blog landing page and individual posts. Customize the sidebar content using blocks.

If you have multiple blogs on your site, each Blog Page shows the same sidebar.

  • Use the Blog Sidebar tweak to set it to Right or Left.
  • Choose Blog Sidebar: Hidden to hide the sidebar.
  • Adjust the space between the sidebar and the blog with the Blog Sidebar Padding tweak.
  • Set the size of the sidebar with the Sidebar Width tweak.
  • The sidebar scrolls up with the page.
  • The sidebar is hidden in mobile view.

sidebar-ishimoto.png

Mobile

On mobile devices and narrow browsers, content stacks vertically.

The sidebar is hidden on mobile.

mobile-blog-ishimoto.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?
2 out of 4 found this helpful
Ishimoto Blog Pages