How to create a custom header-image for each page

Hi all,

I’ve been browsing the forum for a clean solution but I could not find it. Can anyone explain to me how I can use a custom image for each page?

I read somewhere online that the easiest way to do that was to add a header-about.php file (for a custom header for the ‘about’-page) and then change the page.php’s code to use that file if browsing the about-page. This seems to work but only provides half the solution as now I have no clue what php-code I should put in that new header-about.php file.

I am looking for:

a.) the easiest way to get a custom header image for each page
b.) to display the title of that page over the header image (instead of at the top of the page itself).

Additionally, I am also looking for a way to display my custom logo – which is now displayed over the header-image at the start of my navigation menu. But that might be an issue for another topic.

Could someone please help? I am working with the twenty-seventeen theme.

The page I need help with: [log in to see the link]