Changing the header image on pages behind the home page

  • Author
    Posts
  • #1977686

    thepayx
    Member

    Does anyone have a tried-and-true method of changing the header image on the rest of the pages of a web site except the home page?

    It really isn’t always necessary to carry a redundant header image on each page, and a different image might better reflect that particular page’s content.

    (I’m hoping that WP will also consider such an option).

    The blog I need help with is thepayx.wordpress.com.

    #1977833

    francisbob
    Member

    You can in CSS3 use special selectors, like ::not(), that will help you show an image only on the front page. However, the Coraline Theme is able to show ‘Featured Images’ as the header without using CSS modifications.

    Custom Header and Background Control

    Coraline provides you easy access to header and background customization controls. From Appearance → Background in your dashboard you can upload a custom background image or change your blog background color.

    From Appearance → Header you can also upload your own header image, change header text color, or remove header text completely. You can also upload custom images for individual posts and pages using Featured Images.

    https://wordpress.com/themes/coraline/

    If you need more help, don’t hesitate !

    #1977862

    thepayx
    Member

    Thanks you for the assistance. Yes, it is possible to change the header image using the method you described. However, when a header image in changed on any one of the pages behind the home page, all of the pages are changed to that new image.

    I would like to display a different image on each page so that the header image for that particular page ties in better with that particular page’s content. This is different than showing an image only on the front page.

    Has anyone had any experience doing this?

    Thank you.

    #1977892

    eurello
    Staff

    Hi there,

    Hmm, that’s exactly what setting featured images for posts or pages in your theme should do. Note that setting a featured image is different than just inserting an image into a post or page; here’s how to set a featured image:
    http://en.support.wordpress.com/featured-images/

    If that’s what you’re doing and it’s changing all of them, can you leave that and reply and point me diretly to where the wrong image is showing, so I can take a look?

    #1977905

    thepayx
    Member

    Perhaps what I’m trying to accomplish can best be seen by simply picking any template and then click to customize it. Pick a header image of choice, or use the default. Now, add a couple of fake pages. Then go to one of those pages and click on “customize”. Pick a different header image for that particular page you now have open. Change that image. When you go back and open any other page, including your home page, they all now have the new image.

    It would appear that WP may not be structured to allow changes to individual page hear images. I’m not sure, so that’s why I’m putting my query on the street.

    Thank you!

    #1977906

    francisbob
    Member

    Hi, it seems that you misunderstood between ‘Header Image’ and ‘Featured Images used as a Header Image’

    The image you have set using ‘Customize’ is the default header. All pages without a featured image will show that image.

    If you edit a page you already made, at the bottom-right part you’ll find ‘Featured Image’ (Looks like this : http://snag.gy/j4pHP.jpg ). Upload or use an image from your Media, click ‘Set Featured Image’, update and you’ll see another header than the default one.

    #1977922

    thepayx
    Member

    Well, at least we are looking at the same thing and I appreciate that. Yes, the “edit” does show a “featured page” and a “set featured page” selection just below that. I can click the “set…” and select a suitable image and then click to set the featured image. So far, so good.

    Now, I even click “publish” to save the change just to make sure. The original header image remains, however, and the newly selected “set” image is nowhere to be found.

    Now, it may be that since I’m modelling this site in WP.com before uploading it to WP.org before going live, it might act differently once up as .org. As it is, though, it may be this particular template or the .com.

    You seem to be the closest so far, Francisbob. Can you run a test in .com by any chance?

    Thanks!

    #1977933

    francisbob
    Member

    I did run a test and it worked perfectly. Did you try resetting your cache ?

    #1977938

    eurello
    Staff

    Hi there,

    I still don’t see any featured images set in your site. Can you please try this? Please edit this page here:
    https://thepayx.wordpress.com/wp-admin/post.php?post=132&action=edit

    There, please find this Featured Image module:
    https://cloudup.com/cddVMap4MTk

    Click ‘set featured image’ and upload a large image. Then, update that page. If the featured image still does not display in that page’s header, please leave all as is and reply, and I’ll take a look. :)

    #1978054

    I tested setting a custom header image on a page in the Coraline theme by setting a featured image that was at least 990 x 180 pixels, and a custom header worked for just one page in my test.

    Not every theme works this way, but I see that the blog you mentioned in your help request thepayx.wordpress.com is using Coraline, so if you set featured image that meets the minimum size requirements, then it should work.

The topic ‘Changing the header image on pages behind the home page’ is closed to new replies.