Archived topic
Custom Home Page Design Similar to NewsBlock Theme
20 replies · Started by Nikul on August 8, 2022
Hello Guys,
I want to create a custom homepage similar to this design - https://newsblocktheme.com/mix/. It is a block based design created using Canvas page builder of CodeSupplyco.
Can we do similar design in Generatepress.
It would be great if you guys can help.
Thanks
Hi Nikul,
Yes, you can with the help of GenerateBlocks plugin.
You can learn about GenerateBlocks plugin here: https://www.youtube.com/c/GenerateBlocks and here: https://docs.generateblocks.com/
GenerateBlocks also has a Query loop block which should allow you to create the sections wherein posts are queried.
Do I need to use paid Generateblocks plugin for this?
No need, for the design. However, for the first post, the one with the image of a girl, you would need GB Pro to make an entire Container a link. In the free version, you can only make images, headlines, and buttons links.
I just started using Generateblocks Pro and have created layout as discussed. But now I have one query, in one container I have taken two grids and now I want to the right side grid sticky on scrolling.
Can you help me to do that please?
One more thing, can I use Infinite scrolling with generateblocks instead of number scrolling? If yes, then please guide me to use that.
Hoping for the solution.
Thanks
Hi there,
can you share a link to your site where i can see this ?
Infinite Scroll for GenerateBlocks Pro is not an option. It s is a feature we look to add in the future.
Hello David, this is the website I am talking about - https://hoursinformer.com/
I want to have the ad section sticky in the right side under Latest Posts.
Do let me know what I can do to make this section sticky while scrolling.
Nope, check hoursinformer.com now.
I am talking about this section which needs to be sticky-
Sorry for the confusion...
I have just switched the homepage and now it has one block elements right below the header followed by generatepress default latest posts layout.
The problem is, when I click on infinite scroll button it loads next posts right below the element block above it and it looks very odd. It should load next posts normally.
Try doing at your end and you will get the idea what I am talking about.
Hi there,
I'm seeing what David was seeing, I don't see the section you took the screenshot with.
Is there any cache needs to be flushed?
Hey Ying,
I have just switched the layout.
Now, the homepage at hoursinformer.com has one elements block right below the header followed by generatepress default latest posts layout with sidebar.
The problem is, when I click on infinite scroll button it loads next posts right below the element block above it and it looks very odd. It should load next posts normally.
Try doing at your end and you will get the idea what I am talking about.
help me with this new issue.
Thanks
I see what you mean, hum.. it looks like a bug to me, we'll need to do some more testing on this.
Thanks for letting us know, will get back to you soon :)
Yeah sure,
Hope it will be fixed soon. Do let me know when you guys have solution to it so that I can apply to my site.
This bug will be fixed in next update.
For now, can you try this PHP snippet?
add_filter( 'post_class', function( $classes ) {
$infinite_scroll_item_index = array_search( 'infinite-scroll-item', $classes );
if ( in_array( 'gb-query-loop-item', $classes ) && $infinite_scroll_item_index !== false ) {
unset( $classes[ $infinite_scroll_item_index ] );
}
return $classes;
} );