Customize Your Squarespace Blog Page Layout With Summary Blocks

If you are blogging on Squarespace then you’ve probably noticed that the blog page Squarespace automatically generates is pretty limited.

You don’t have the ability to organize your blog posts by category, tag, or by featured blog posts.

Additionally, Squarespace only auto-populates 20 blog posts in chronological order starting with the most recent and working backward, so anything more than 20 won’t even show up on the blog page.

The good news is that the blog page itself can be edited using Fluid Engine, unlike the blog posts themselves, and you can customize this page to be more β€œon-brand” and make navigating your blog much more user-friendly for your visitors.

As a Side Note

I had originally thought of completely replacing this page with a fully customized page that I created myself, but I decided against this for SEO purposes.

I want all my blog traffic to go to my blog page, so, therefore, it’s the blog page that I need to customize. I can’t disable the blog page because if I do, all of my posts will be disabled. I can’t rename my blog because then all the blog URLs will need to be redirected.

Suffice it to say, I don’t recommend replacing the blog page with a customized page, rather, I recommend customizing the blog landing page instead so as to keep Google and all your visitors (and you) happy.

 
 

Add a Blank Section to Your Blog Page

Head on over to your blog and go into edit mode. If you have a hero banner, add a section just below it. If not, make this the first section of your blog page. Simply select:

  1. Add Section > Add a blank section.

  2. Now select β€˜Edit section’ and select the color theme that you like.

  3. Add a text block and add a headline for this section.

  4. Now add a summary block and drag it approximately where you’d like it.

 
 

Edit the Summary Block

In the Content tab:

  1. Select the blog page

  2. Select what you want for primary metadata or choose β€˜none’

  3. Select what you want for secondary metadata or choose β€˜none’

  4. Filter blog posts by category, tag, or toggle on β€˜Featured Posts’

  5. If you want to pull in all your blog posts then don’t add a filter

 
Select the blog page for your summary block

Select the blog page

Choose your primary and secondary metadata

Choose your primary and secondary metadata, or choose β€˜none’

Primary and secondary metadata options

Primary and metadata options

Filter categories

Filter your posts by category, tag, or featured posts.

 

In the Design tab:

  1. Select your preferred layout (Grid, Wall, List, or Carousel)

  2. Customize the design by choosing the total number of posts you want to pull in from your selected filter, the number of blog posts per row you want to appear in your summary block before having to scroll, and the size of your thumbnail images

  3. Choose the size and positioning of the text

  4. Decide which elements you want to appear within your summary block

  5. Delete the header text because you’re going to be putting in your own with a customized text block

  6. Add a text block with the description of the summary block content, for example, β€œRecent posts” or β€œPopular posts”

 
Select your preferred summary block layout

Choose layout

Customize the design of your summary block in Squarespace

Customize design

Delete header text

Delete β€˜Featured’

Choose which elements you want in your summary block

Choose elements

 
 

Add More Summary Blocks

The easiest way to add more blocks is to select a summary block and the text block description simultaneously by holding down the shift key and duplicating both at the same time.

Then just drag to reposition and edit accordingly.

 
Select this to duplicate a Squarespace block

Select both items at once, then duplicate

 
 
 

To Select Featured Posts

You may want to highlight your most popular blog posts and display them FIRST on your blog page.

If you want to know which blog posts are getting the most traffic you can find this in the Analytics section of your website.

To tag a post as β€˜Featured’:

  1. Head over to the settings for your blog post

  2. Select β€˜Options’

  3. Toggle on β€˜Featured Post’

  4. Save

So easy, right?

 
How to toggle on featured posts in Squarespace blog settings

Settings > Options > Toggle on β€˜Featured Post’

 
 

Tidy it Up

Add any lines, text, or graphics you wish to make things look nice.

But be careful, because if you add too many embellishments, you’ll distract website visitors from finding what they’re looking for.

In my opinion, less is more.

*Pro tip: This method makes it look like you have more blog posts than you actually do ;-).

 

Was this helpful?

Are you blogging on Squarespace? Are you going to try this? Have you already customized your blog page in a different way? Do you have any other burning questions about blogging with Squarespace? Please drop any comments or suggestions below! πŸ‘‡


 
 

This page contains affiliate links

 
 

My Insta

@jenxwebdesign

 

Like this post?

Pin It to Pinterest πŸ‘‡

Customize Your Squarespace Blog Page Layout With Summary Blocks
Jennifer Barden

This article was written by Jennifer Barden, founder of Jen-X Website Design and Strategy.

Many Squarespacers feel defeated when their websites don’t attract and engage visitors.

In my blog, I share my secrets for effective Squarespace website design and strategy so that DIYers and Squarespace Website Designers can learn tips for building Squarespace websites that attract and engage the right visitors.

https://jenxwebdesign.com
Previous
Previous

How to Create a Sidebar in Squarespace Using a Summary Block

Next
Next

The Best Way to Share YouTube Videos in Your Squarespace Blog Posts