• I am new to wordpress (no I have not been sleeping under a rock…lol) but want to know how to change the header image once you’ve added more pages (from the Write-page-tab). I have over 15 pages i have created that all link back to the home page but the same image loads up for the header for each page … can anyone help?

Viewing 3 replies - 1 through 3 (of 3 total)
  • You need to post a link to your site before anyone can help.

    If you want to change page headers for each PAGE, read about it here, in the Codex:
    http://codex.wordpress.org/Conditional_Tags

    We’ve successfully done that on this web site:
    http://www.blusd.org

    In the header.php file, we have this code:

    <!-- This will change depending on the page -->
    <?php if (is_front_page() ) { ?>
    <div id="banner-bottom-home">
    </div>
    
    <?php } elseif ( is_page('about') ) { ?>
    <div id="banner-bottom-02">
    </div>
    
    <?php } elseif ( is_page('calendar') ) { ?>
    <div id="banner-bottom-03">
    </div>
    
    <?php } elseif ( is_archive() ) { ?>
    <div id="banner-bottom-04">
    </div>
    
    <?php } else { ?>
    
    <div id="banner-bottom">
    </div>
    
    <?php } ?>

    And in the stylesheet, this code:

    #banner-bottom-01 {
    	background-color: transparent;
    	background-image: url(images/banner-bottom-01.png);
    	background-position: top left;
    	background-repeat: no-repeat;
    	height: 208px;
    	width: 931px;
    }
    
    #banner-bottom-02, #banner-bottom {
    	background-color: transparent;
    	background-image: url(images/banner-bottom-02.png);
    	background-position: top left;
    	background-repeat: no-repeat;
    	height: 208px;
    	width: 931px;
    }
    
    #banner-bottom-03 {
    	background-color: transparent;
    	background-image: url(images/banner-bottom-03.png);
    	background-position: top left;
    	background-repeat: no-repeat;
    	height: 208px;
    	width: 931px;
    }
    
    #banner-bottom-04 {
    	background-color: transparent;
    	background-image: url(images/banner-bottom-04.png);
    	background-position: top left;
    	background-repeat: no-repeat;
    	height: 208px;
    	width: 931px;
    }

    Hope this is a good jumping off point for you.

    I stand corrected!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Help with page design (new guy)’ is closed to new replies.