How to add featured posts section?

[Carson]

Hi, I’m excited to use GeneratePress and have launched right into version 3.0.0-alpha.3.

However, I am not able to understand how to customize my homepage?

I’d like to add a Featured Posts block underneath my primary navigation. I’d like it to be above both the Latest Posts (left side) and the Right sidebar.

Here’s an image of how this section looked on my prior theme: https://wp.me/a1P49C-5bD

How would I add something like this?

[Leo]

Hi there,

You would need to create a block element for that:
https://docs.generatepress.com/article/block-element-overview/

See the various hook you can use depending on where you want to add it:
https://docs.generatepress.com/article/hooks-visual-guide/#posts-page

Let me know if this helps 🙂

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

[Carson]

Hi,

Yes, I’m part way there. I’ve placed it on a relatively private page for now: https://reasonsforgod.org/tools/

However, the spacing/padding is quite bad I think. How do I adjust the padding for just this block?

[Elvin]

Hi Carson,

I see that you’re using GenerateBlocks for your Block Element. Awesome!

Here’s a demo video showing how to adjust spacing/padding for you GenerateBlocks container.
https://share.getcloudapp.com/Jru6Bv7w

What happens here is we basically use the block navigation to select the container block and edit its padding through the Spacing Panel – https://docs.generateblocks.com/article/container-overview/#spacing

We then adjust the space between the grid columns by selecting the grid block and changing the Horizontal Gap value. – https://docs.generateblocks.com/article/grid-overview/#editing-our-grid-block

Let us know if it works for you.

A wise man once said:
"Have you cleared your cache?"

[Carson]

Hi,

I’m not sure? When I go to Appearance > Elements > Featured Posts (which is what I’ve called this component), I don’t seem to see any of the settings that your video references?

Thanks for guiding me in the right direction!

[Leo]

The links Elvin pointed out are GenerateBlocks settings so you need to click on the block element content itself to see those settings.

If this doesn’t help, can you provide the dashboard login to the site and we can go in and take a couple of screenshots?

You can use the private info box.

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

[Carson]

Hi,

I don’t understand the suggestion to use GenerateBlocks here? I think I have to use the Elements feature because I want this to:
a) display on all posts and pages
b) display above the post and sidebar

You can see here: https://reasonsforgod.org/tools/

That there are now two similar blocks.

The one that is within the post itself is not what I want.

The larger one, above the post and the sidebar, is what I am trying to style with better padding.

Thanks for your guidance as I try to make sense of this…

[Carson]

Sorry, I just want this element to display on the homepage, not on all posts and pages.

[Elvin]

I don’t understand the suggestion to use GenerateBlocks here? I think I have to use the Elements feature because I want this to:
a) display on all posts and pages
b) display above the post and sidebar

The block suggestions were solely for creating the layout. Which should be done inside the Block Element.

That there are now two similar blocks.

The one that is within the post itself is not what I want.

The larger one, above the post and the sidebar, is what I am trying to style with better padding.

You can remove the one inside the post/page and focus on the Block Element.

Sorry, I just want this element to display on the homepage, not on all posts and pages.

You can set the Display rule for your Block Element.
https://share.getcloudapp.com/bLuRX2O5

Set it to Front Page so it only displays on your homepage.:)

A wise man once said:
"Have you cleared your cache?"

[Carson]

Hi,

I’m still struggling. Sorry.

On this page:
https://reasonsforgod.org/tools/

* The “Featured Posts” text isn’t centered.
* There’s massive padding between that text and the featured posts
* The image sizing isn’t the same. The one of the left is a little ‘taller’ than thee others.

Thanks for helping me sort this out. I really appreciate it.

[Leo]

Hi there,

* The “Featured Posts” text isn’t centered.
* There’s massive padding between that text and the featured posts

Try using the headline block from GenerateBlocks. Then it would allow you to set the alignment and control the margin/padding:
https://docs.generateblocks.com/article/headline-overview/#alignment
https://docs.generateblocks.com/article/headline-overview/#spacing

* The image sizing isn’t the same. The one of the left is a little ‘taller’ than thee others.

The image block from WordPress doesn’t allow you to set the size. But you can edit the actual media so they are the same size or ratio.

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

[Author]

Posts