[Support request] Custom Content Template Block

[Erol]

Hi Team,

Is it possible to create a Content Template Block with the first post looking like featured (large) on the left hand side and 3 smaller ones on the right hand side like this image https://websmith.cc/content-template.png

Mny thanks.

[David]

Hi there,

if you want it on a Static Pagge then you can use the GenerateBlocks plugin Query Loop Block.

And we have some pre-made patterns that could be re-purposed for that design:

https://generateblocks.com/library/?pattern-category=query-loop

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Erol]

Hi David many thanks for the quick reply. I know I can do anything I like with GenerateBlocks 🙂 But I needed this to display latest posts from a category in the home page dynamicaly.

[David]

You can use the Query Loop block top do that 🙂
In the GB Query Loop setting you can Add Parameter. And set the Taxonomy to Categories.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Erol]

I know this too 🙂 I was wondering if it is possible to display in two grids, First one displaying the latest post and on the right hand side grid we display 3 more posts from the same category stacked on top of each other using some custom CSS or would it be possible to hide the latest post from the second content template since it is already displayed on the left hand side grid.

[Erol]

Like in your Dispatch site https://gpsites.co/dispatch/ (First WP Show Posts Section) only difference is the right column will have 3 posts stacked one after another 🙁

[David]

So are you ok with using GenerateBlocks for this?

Let me know and ill explain 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Erol]

Yes. I have been with GP since 2016 and never use anything else on my projects 🙂

[David]

You can:

1. Add a 2 column Grid Block.
2. In the first column add a Query Loop block to show the first post.
3. In the second column add a Query Loop to show the stack of posts. In this query loop you can set the Add Parameter and choose Offset to mis out the first post.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Erol]

Great. Thank you very much David.

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts