Site logo

Archived topic

Page Header with latest post and post featured image as background image

1 reply · Started by konceptuel on February 15, 2018

Viewing posts 1–2 of 2

Let's save a few hundred words :-)
I would like to achieve this as my hero section on a static homepage of a new website: https://mymodernmet.com/

Technically they show the latest post from the blog.
The full width background image is the post featured image and the post category, title, excerpt and read more link (styled as a button) are displayed in the white overlay located in the right half of the hero section.

I've read through the Page Header documentation and I can't quite get there.

Please advice :-)

Hi there,

You should be able to use our page-header add-on and Tom's WP Show Posts to achieve something like that:
https://en-ca.wordpress.org/plugins/wp-show-posts/

It will definitely take some custom CSS to style them.

As for using the featured image as background image, you just need to turn on the background image in page header without uploading one then it will automatically grab the featured image for each post for you.

This archived topic is closed to new replies.