WordPress.org

1. whatupaid4
   Member
   Posted 1 year ago #

   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?

2. Wendel Brume
   Member
   Posted 1 year ago #

   You need to post a link to your site before anyone can help.

3. jonimueller
   Member
   Posted 1 year ago #

   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.

4. Wendel Brume
   Member
   Posted 1 year ago #

   I stand corrected!

Topic Closed

This topic has been closed to new replies.