Introducing Blog & Site Layouts in Astra Pro
Sujay Pawar

November 24, 2017

Introducing Blog & Site Layouts in Astra Pro

blog&layouts

So today is the day! We’re finally releasing the most awaited modules in Astra Pro!

Blog Pro

Blog and Archive Pages

Right from the customizer options, now you can create amazing Grid, Masonry or List layouts for the Blog and Archive pages. We have provided options for columns, highlighting first post, date when it was posted and even for removing the padding around featured images.

If you’re not a fan of numbered pagination, the infinite scroll pagination is for you. The posts will load automatically in Facebook style as user scrolls down. Or if you just like the traditional pagination, we have provided options for selecting the square or circle design.

For the meta, we’re introducing the “Read Time” estimator that gives visitors an idea of the length of the blog post.

Single Posts

For the Single Posts, we’ve provided ability to add the Author Info box below posts. With that, you can also remove the padding besides the featured Images. This was one of the most requested feature. Now you can do that right from the customizer settings.

My personal favorite feature for single posts is Auto Loading Previous Posts, which automatically takes users to the previous post once he scrolls down further without any click. If your website is a news site or a dedicated blog, this feature is great to keep users engaged for a longer time. Many big websites like Quartz use this technique and now you can implement it on your sites too.

Did you say, examples?

Here are two websites we have setup, just to show some capabilities.

Aren’t these beautiful? We have added both of these sites in our collection and if you’re our Agency User, you can import them with our “Astra Premium Sites” plugin.

Site Layouts

In this release, we’re also introducing Site Layouts module in Astra Pro. Once it is enabled from the Astra Addons screen, you will find new options under
Customizer ▸ Layout ▸ Site Layout

Here are the options it offers:

  • Full Width Layout: Which comes default with Astra
  • Fluid Layout: So that the whole website is stretched till the end of the screen.
  • Fixed Width: For creating old fashioned fixed width websites
  • Padded Layout: To have certain margin from the edges.

Most of the websites nowadays use Full Width Layouts. However, if you want to design a unique, little different website from the most seen nowadays, you can really achieve creative results with options below. In the coming days, we’ll release some Astra starter sites for the inspiration.

Cheers!

Join 208,419 Subscribers

Get exclusive access to new tips, articles, guides, updates, and more.

About the Author

Sujay is CEO and Co-Founder of Brainstorm Force, the company behind Astra. He is a diehard entrepreneur, growth hacker, and YouTube addict. Get in touch with him on Twitter @sujaypawar.

Sharing is Caring!
Share on facebook
Share on twitter
Share on telegram
Share on whatsapp
Share on facebook
Share on twitter
Share on telegram
Share on whatsapp

18 comments

  1. Hi,

    Is it possible to do a standard image / text blog layout?
    Something like engadget has half way down it’s blog.

  2. Hello. How do you add the blogs like that similar to “https://websitedemos.net/blog-02/”
    I’m no agency member, but the Pro version can still do this right? Everytime I add the page as the Landing page for the blog, whatever was in the Elementor gets over-written.

    I want to do something exactly like that sample. Have some content before showing the blogs in grid view.

    1. This layout is not created using any page builder. The header image is coming from the Custom Layouts addon and the blog posts are designed using the Blog Pro addon.

  3. Good day,

    I have the Pro version of Astra and am wondering if the infinite scroll feature works on all pages or only blog pages?

    The home page I am building will not only have conventional website features, but as you scroll down the page it will have a grid system highlighting new products, ideas, fun stuff, etc. This will amount to hundreds and eventually thousands of grids. I also need to have other category pages that scroll the same way… when you have to click to a new page all the time it is annoying.

    There will still be a standalone Blog, but it will feature completely separate posts.

    Does this make sense? It’s kind of built along the line of: http://www.thisiswhyimbroke.com If you look at this you will see exactly what I mean. My Blog will follow the same format and also contain infinite scrolling.

    Let me know what you think…

    Thanks,
    Norm

  4. Is it possible to create a blog post with featured image that’s a link to an external site? I don’t want the blog post image/title to link to an actual blog post on my website; I want it to link to another website (this is for a Press category I want to create on my website).

    Thanks for your help!

  5. Is it possible to insert a blog section into a home page? I’m looking at the Coach site and I’d like to add a blog section with 3 columns showing the title and an excerpt. When I use the Recent Posts widget I get a list of 3 links. What am I missing? (I’m really new with this theme, so I’m sure I’m missing something!)

    1. The HTML markup of Recent Posts cannot be controlled by Astra Theme. This will be dependent on options provided by the plugin which provides this widget.

  6. I’ve been looking at the Quartz company website, in particular the EDITIONS label they have in the header. Each links to a different category and it looks like the posts for that category are separate from the posts of the other three categories. Is that set up included in one of the site layouts?

    1. This is done by designing the posts page with categories, if you import the page you can edit it to see how it is setup to get an idea.

Leave a Comment

Your email address will not be published. Required fields are marked *

Recommended Articles

Scroll to Top
Like what you read? Leave a comment