Although, there are many things I love about Squarespace. There are a few things that don't come naturally with this platform.
One of those being, related posts.
With Wordpress you can download a plugin and never think about your related posts again. With Squarespace you need a little creativity and summary blocks to get your started. Luckily, this is still an extremely simple process and today, I'm walking you step-by-step on adding related posts to your blog.
Let's get started!
Squarespace Summary Blocks
The summary block allows you to present your content on your website. Squarespace created them with blog posts, events, products and gallery content in mind.
There are four display options to choose from:
Wall Summary Block
The Wall Summary Block displays content in a masonry style grid. Masonry style is commonly referred to as Pinterest style, since they were the first major website to use it for their layout. If you're looking for a Pinterest-inspired design, this option is for you.
Carousel Summary Block
The Carousel Summary Block displays a set number of items at a time with arrows aiding the user to scroll through the available content. This is the style I prefer to use for my related posts.
List Summary Block
The List Summary Block displays items in a single column with thumbnail images on one side and text on the other.
Grid Summary Block
The Grid Summary Block displays items in an even grid. I prefer this option for Archive pages.
Adding Related Posts
In Squarespace you have to manually add the summary block to each blog post in order for related posts to appear. Although, this sounds like a hassle, Squarespace Summary Blocks give you the freedom to highlight posts by category and tags to enhance your readers experience. Plus, adding related posts is easier than you might think!
Click an insert spot to add the summary block to your blog post. I recommend using the Carousel Summary Block to begin, but you can use any summary block you prefer.
Using the pop-up window, select Blog to display your blog content.
Select the Layout tab to begin customizing the display.
You can customize the Header Text, Aspect Ratio, Items per Row, Text Size, Text Alignment and Metadata Position. Take some time to play with the settings and decide which selections look best for your website and blog post graphics.
For my blog, I only customize the below settings:
- Header text: Related Posts
- Items per Row: 3
Under the Display tab I remove all text from my related posts display, so I don't spend the time customizing the text selections.
Select the Display tab to further customize your related posts.
Under the Display tab you can customize the number of items in the carousel, how much content you display, Metadata and categories or tags you'd like to use to customize the content highlighted.
For my blog, I use the below customization settings:
- Number of Items: 10
- Display settings: Show Thumbnail
- Metadata: I set primary and secondary options to None.
- Category or Tags: I select the corresponding category and/or tags.
Customize your settings in any way that makes the most sense for your website. Click Apply and you're finished!
While you do have to manually add the block to each blog post, the sorting features are great and allow you control which blog posts appear within the block.
Have you added related posts to your Squarespace blog? If no, share with me why not in the comments below!