Jump to content

Different Layout of Blog Page

Recommended Posts

Site URL: https://www.glintcompany.com/news

Hello,

I'm trying to create a blog page, but I don't like the layout of the page. There is too much white space at the top of the page, and moreover all the articles is visible.

I'd like to have clickable posts, with an image and just a preview of the text of the article. By clicking on the post, it opens the page with the full article.

The layout is similar to the one proposed by this plug-in (see also attached): https://squarestud.io/collections/plugins/blog

Does anyone know how to proceed to get the desired outcome? Is it feasible to proceed using Squarespace itself or do you suggest me to use an external plug-in?

Thanks,

Pietro

Blog Post.jpg

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Sounds like you need to create a Blog summary page. You add a page, and to that page you add summary blocks. The summary blocks make preview thumbnails of your blog posts with an image and a bit of text. You click on one of those then go to the full post. Each summary block can hold up to 30 thumbnails/items. The previews can be arranged as a wall, a grid or a carousel.  Each summary block can be designed differently. Multiple Summary blocks can be chained together on one page. The Summaries filter by category so if you have say 60 blog posts, you give category 2020-1 to the first 30 posts (same cat for all 30,  category 2020-2 to the next 30 and so on. Categories can be hidden, which takes a little bit of code. But I would not worry about that until you have built your whole summary page.  The key to making this work is the summary page takes the place of your blog page on the Nav bar, and you move the blog into the unlinked section of your website. Take a look at mine which is on 7.0 Avenue, fyi this feature is not available on 7.1. I am here to help you do this, it is really a nice way to display your blog posts. 

https://myrandomviews.com/storysummary My blog summary, like my galleries are in a wall arrangement, a bit hap-hazard but that is what I want. 

Edited by derricksrandomviews
Link to comment

Thanks a lot for your advice, I could achieve exactly what I was looking for. Great! There is just one article as for now, but it gives you the idea of how I structured my page

https://www.glintcompany.com/news

 

I have another issue, maybe you can help me out also with that: to show the image in the summary page, I had to add a thumbnail to the article. However, in the article page the thumbnail shows as a top banner, while I would remove it. How can I hide the banner from the article page?

https://www.glintcompany.com/blog/reinventare-il-modello-direct-to-consumer

 

Thanks,

Pietro

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.