Site logo

Archived topic

how can i design my homepage like this?

1 reply · Started by Muhammad Afzal on February 18, 2023

Viewing posts 1–2 of 2

Hi there,

1. Install the GenerateBlocks Plugin

2. Create a static page for your home page.

3. Make it FulL Width by setting the Content Container to Full Width:

https://docs.generatepress.com/article/content-container/

4. Use the Disable Elements module to remove the Content Title:

https://docs.generatepress.com/article/disable-elements-overview/

At this point you should have a Full Width page, that has no Content and No Padding.

5. Now for each section of that page you will create with a GenerateBlocks Container Block.
It can be given a background color if required, and it must be given some spacing padding.

https://docs.generateblocks.com/article/container-overview/

6. You can then populate each Section with the blocks you require.

6.1 Sections that are showing posts you can use the GB Query Loop Block for:

https://docs.generateblocks.com/article/query-loop-overview/

For reference and to get a head start you can use Patterns from the GB pattern library:

https://generateblocks.com/library/

There are a few Free ones available there.

If there are any specific requirements please raise a separate topic for each.

This archived topic is closed to new replies.