• Registered: 09-03-2012 UTC
  • Posts: 13

Topic: How to change masthead image on each page of site

Hello,
I was wondering how to go about swapping out mastheads on every page of my site. I have 5 pages, and I want to be able to change out the masthead on every page -- they are slightly different by way of color and texture. I can upload the main masthead through the dashboard for the home page, but dont see any control for that on the subsequent pages. Is this something I will need to do through the CSS?
Any advice would be greatly appreciated!
Thanks

  • From: Chicago
  • Registered: 07-30-2011 UTC
  • Posts: 10,495

Re: How to change masthead image on each page of site

Can you please give me bit more details?

Emil

thehaaspodge wrote:

Hello,
I was wondering how to go about swapping out mastheads on every page of my site. I have 5 pages, and I want to be able to change out the masthead on every page -- they are slightly different by way of color and texture. I can upload the main masthead through the dashboard for the home page, but dont see any control for that on the subsequent pages. Is this something I will need to do through the CSS?
Any advice would be greatly appreciated!
Thanks

Emil Uzelac's Website

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: How to change masthead image on each page of site

You could either use a variable like this.
http://themeid.com/forum/topic/2043/two-diffrent-menus/
So instead of using is_user_logged_in() you could use is_page( '' )
http://codex.wordpress.org/Function_Reference/is_page

Or you could define a seperate header for each page.
http://codex.wordpress.org/Function_Ref … get_header

Ulrich

  • Registered: 09-03-2012 UTC
  • Posts: 13

Re: How to change masthead image on each page of site

I am putting together a website for my church, and I'm basically learning as I go here. The site is pretty small, only has five pages. I want to be able to have different mastheads for each page. I was able to upload one for the home page through the dashboard in wordpress using the Responsive Child theme. But I wasnt sure how to place a new masthead on the other pages. I saw the instructions from Grappler here:  http://codex.wordpress.org/Function_Ref … get_header
But I am not a programmer, so I'm a little fuzzy on where to put this. I assume I need to copy and paste it into a php file, right?

Thanks much! I appreciate any help!

Emil wrote:

Can you please give me bit more details?

Emil

thehaaspodge wrote:

Hello,
I was wondering how to go about swapping out mastheads on every page of my site. I have 5 pages, and I want to be able to change out the masthead on every page -- they are slightly different by way of color and texture. I can upload the main masthead through the dashboard for the home page, but dont see any control for that on the subsequent pages. Is this something I will need to do through the CSS?
Any advice would be greatly appreciated!
Thanks

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: How to change masthead image on each page of site

Thinking of it this might be an easier route. You would add this to the header.php.

<?php
if (  is_page( '1' ) ) {
     <img class="aligncenter" src="http://themeid.com/wp-content/themes/responsive/images/featured-image.png" width="440" height="300" alt="" />
} elseif (  is_page( '2' ) ) {
     <img class="aligncenter" src="http://themeid.com/wp-content/themes/responsive/images/featured-image.png" width="440" height="300" alt="" />
} elseif (  is_page( '4' ) ) {
     <img class="aligncenter" src="http://themeid.com/wp-content/themes/responsive/images/featured-image.png" width="440" height="300" alt="" />
} elseif (  is_page( '5' ) ) {
     <img class="aligncenter" src="http://themeid.com/wp-content/themes/responsive/images/featured-image.png" width="440" height="300" alt="" />
} elseif (  is_page( '2' ) ) {
     <img class="aligncenter" src="http://themeid.com/wp-content/themes/responsive/images/featured-image.png" width="440" height="300" alt="" />
}
?>

You will just need to change the page id number to the is_page and change the image links.

Ulrich

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: How to change masthead image on each page of site

Normally you need to copy the php file you want to edit to your child theme and then make the changes.  Your child theme also needs to be activated.

Ulrich

  • Registered: 09-03-2012 UTC
  • Posts: 13

Re: How to change masthead image on each page of site

I'm not quite sure where I find this header.php file to add the code to. I dont see it in the list of editable php files within the Dashboard>Appearance>Editor in Wordpress. I have the child theme activated...

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: How to change masthead image on each page of site

You need to copy the header.php from the parent theme using a ftp client like http://filezilla-project.org/

Ulrich

  • From: Chicago
  • Registered: 07-30-2011 UTC
  • Posts: 10,495

Re: How to change masthead image on each page of site

Don't rename that on server-side, download and make changes locally from your Dreamweaver smile

Emil


thehaaspodge wrote:

It's not giving me access to save any changes to that header.php file... I am doing it through my cPanel of my host provider. I also tried downloading the php file, editing it in Dreamweaver, then uploading it again. It came across as "header-1.php", so I deleted the original "header.php" file, and tried to rename the "header-1.php" to "header.php" but it wouldnt let me. I have a query into customer support for my host provider to find out why I dont have access to saving that file...


So, until I figure that out, I was trying to reformat the text in the Featured Text 1 column, but could not find where to access that information in the style.css file. I used the web developer tools in Firefox to determine that the column text is called "div.textwidget" but I cant find that anywhere in the CSS to reformat the text to how I want it. I even tried putting some new style in the CSS to overwrite it, and that didnt work.. Any ideas?
Thanks much!!!!!

Emil Uzelac's Website

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: How to change masthead image on each page of site

You can also make changes in the WordPress editor. I also prefer to use filezilla http://filezilla-project.org/

As for the home widget.  I would recommend trying the dev tools in chrome I like them better.

Ulrich