• Hi, I’ve installed wordpress. Great! http://www.robbisplace.com

    I have 4 unique pages on my blog (Birds Nest/Food/Garden/Travel)

    I am using the default TwentyTwelve theme and at the moment the same image header appears at top of every page.

    But I want to display a different header image on each unique page. Is this at all possible? Example: Bird Nest page has a image with bird nest, the food page has a image of food etc…

    I have been researching this over the weekend but don’t seem to find an answer. Can anyone shine a light for me people.

    Many thanks
    Mark

Viewing 5 replies - 1 through 5 (of 5 total)
  • You need to create a child theme in order to do this kind of customization – http://codex.wordpress.org/Child_Themes

    Thread Starter Mark Allen

    (@mark-allen)

    Thanks for your reply WPyogi, After reading the child themes link you sent me I have a basic understanding of child themes…
    I have now created a directory and gave it the name “childtheme” and inside I have created a style.css file.

    The style.css file is blank at the moment.

    How do I now go about displaying a unique header image for each page? where would I write these instructions.

    Any help and advice would be greatly appreciated.

    Thank you so much!

    Thread Starter Mark Allen

    (@mark-allen)

    Ok I think I have managed to find the location of header image but it was in Twenty-Eleven theme root.. Isnt this strange, if I’m using theme Twenty Twelve??

    The code I found was in function.php (inside twenty eleven root dir):

    // Default custom headers packaged with the theme. %s is a placeholder for the theme template directory URI.
    	register_default_headers( array(
    		'wheel' => array(
    			'url' => '%s/images/headers/wheel.jpg',
    			'thumbnail_url' => '%s/images/headers/wheel-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Wheel', 'twentyeleven' )
    		),
    		'shore' => array(
    			'url' => '%s/images/headers/shore.jpg',
    			'thumbnail_url' => '%s/images/headers/shore-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Shore', 'twentyeleven' )
    		),
    		'trolley' => array(
    			'url' => '%s/images/headers/trolley.jpg',
    			'thumbnail_url' => '%s/images/headers/trolley-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Trolley', 'twentyeleven' )
    		),
    		'pine-cone' => array(
    			'url' => '%s/images/headers/pine-cone.jpg',
    			'thumbnail_url' => '%s/images/headers/pine-cone-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Pine Cone', 'twentyeleven' )
    		),
    		'chessboard' => array(
    			'url' => '%s/images/headers/chessboard.jpg',
    			'thumbnail_url' => '%s/images/headers/chessboard-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Chessboard', 'twentyeleven' )
    		),
    		'lanterns' => array(
    			'url' => '%s/images/headers/lanterns.jpg',
    			'thumbnail_url' => '%s/images/headers/lanterns-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Lanterns', 'twentyeleven' )
    		),
    		'willow' => array(
    			'url' => '%s/images/headers/willow.jpg',
    			'thumbnail_url' => '%s/images/headers/willow-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Willow', 'twentyeleven' )
    		),
    		'hanoi' => array(
    			'url' => '%s/images/headers/hanoi.jpg',
    			'thumbnail_url' => '%s/images/headers/hanoi-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Hanoi Plant', 'twentyeleven' )
    		)
    	) );
    }
    endif; // twentyeleven_setup
    
    if ( ! function_exists( 'twentyeleven_header_style' ) ) :
    /**

    Above shows the referencing of the 6 header images. I want to display one of these header images for each page.

    I cant seem to find away to to this, could someone point me in the right direction people? Thank you so much

    Thread Starter Mark Allen

    (@mark-allen)

    Is the no advice on how I can do this?

    I thought there maybe a plugin that could do something like this?

    A child theme is ALWAYS a smart idea.

    That said, read this WP support thread : Twenty Eleven different header image per page

    There are several options in this thread, but one you may find useful is the reply suggesting the Image Widget plugin

    (I have not personally tried the Image Widget plugin)

    Hope this helps.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Different header image for different pages’ is closed to new replies.