[Resolved] How to make a home page like this

[Sabbir]

Hi,

Here is a site (https://www.getdroidtips.com), I like to make a home page like this.

1. 3 post grid home page top. Are the 3 post boxes using custom CSS? if yes. please provide me the CSS
2. Link underline CSS
3. category page hero CSS
4. sidebar CSS

Thanks

[Leo]

Hi there,

The example home page layout would require the help of the query loop block in the upcoming version of GenerateBlocks which is currently in beta testing:
https://generateblocks.com/generateblocks-1-5-dynamic-data-query-loops-image-blocks/

I would recommend waiting for the official version if you are build a live site with traffic. If you are just building a site to launch then it should be ok to use the beta version.

So you would build this section with the query loop block with an element to add it to the blog/home page:
https://www.screencast.com/t/9w4rTudU0rI

Then the rest of the posts can be created with a content template:
https://docs.generatepress.com/article/block-element-content-template/

Let me know if this helps 🙂

[Sabbir]

Great, Thank you so much

[Leo]

No problem 🙂

[Author]

Posts