Different Layout of Blog Page

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

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. 

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

I think this will do it. 

blog page settings>advanced> page header code injection 

<style>
#banner-area-wrapper {display: none !important}
</style>

Is there a way to do it without using code injection? I'm running on "personal" version of squarespace, and to use code injection I would need "business"

Thanks,

Pietro

I don't know of any. Could try changing the blog layout to grid, which I didn't know until now that your template supports that. 

https://support.squarespace.com/hc/en-us/articles/227054767-Standard-grid-list-Blog-Pages