How to have a featured posts section on homepage

Hi Erickimani,

For reference, can you share the link to the site in question?

Are you planning to show anything in your right sidebar? If not, you can remove it through a Layout Element. Reference: https://docs.generatepress.com/article/layout-element-overview/#sidebar

I see. If that’s the case, achieving that line wouldn’t easily be possible.

What we can do is just an estimate.

Here’s a CSS you can try for instance:

hr.wp-block-separator.alignfull {
    width: 100vw;
    transform: translateX(-13%);
}

To create a structure like that, you need to manually create a custom sidebar in your content. Then, you need to disable the default sidebar.

This structure would allow you to create dividers that would stretch from end to end.

To clarify, do you want to move the sidebar under the content itself on desktop?

Is your goal to achieve the exact layout of the example site?

Do you also need the load more button for the infinite scroll?

If so, you can not use the query loop for the main loop, as the query loop block does NOT support infinite scroll at this moment. You will need to set the Blog as the homepage.

Then add a block element – page hero for the top section.

The top section can be built using a structure like this:

Container 
- Grid
 -- Container (width:48%)
   --- Query loop block (posts per page: 1)
 -- Container (width:52%)
   --- Headline: Latest News
   --- Query loop block (posts per page: 5)

And the main loop’s style can be created via block element – content template.