Archived topic
Home Page Customization
8 replies · Started by Murshid on September 2, 2022
Is it possible to achieve a home page like this https://preview.colorlib.com/theme/crossfits/ in GP?
Different categories with images, followed by blog layouts?
Hi there,
you can use the GenerateBlocks plugin and its Query Loop Block. You can add multiple query loops to show the various categories of posts.
Is there any guided article on how to do it?
Take a look at this:
https://docs.generateblocks.com/article/query-loop-overview/
Okay, one more question I have. How to add image in title?
For example, I want to use a different page on my homepage where I want to display different categories with feature images,for example equipment wise workout or goal based workout program.
How to design a beautiful page that looks like a template with GP premium?
Can you show us an example?
Are you trying to replicate anything from the site library template?
Yes, somthing like this https://radiustheme.com/demo/wordpress/gymedge/home-5-onepage/#sec-trainer, except the following parts: schedule, discount, get training today, routine, online store, testimonials, gallary, and contact info.
I want to show three to four different sections on the home page. For examples programs, equipment wise workout, recent posts, and about.
1. You can create a Full Width Page without padding, by setting the Content Container, in the page editor to: Full Width
https://docs.generatepress.com/article/content-container/
2. You can also remove what you don't require from that page using the Disable Elements Module:
https://docs.generatepress.com/article/disable-elements-overview/
And you'll also see the Layout options there for example, to remove the sidebads.
Thus will allow you to create a Blank Canvas to build on.
3. Now in the page editor use the GenerateBlocks -> Container Block to divide your page into sections.
Each Container you can add padding, set the Inner Width and add background colors and images:
https://docs.generateblocks.com/article/container-overview/
4. Inside each Container block section you can add Grids, Headlines or Images or Query Loops to your design.