Header per category / page / home

I’m not sure about code but how about using CSS to have different header classes?

Then based on the category you use the corresponding class?

Then I would have to have a different header.php where I set which class to display… I think… and this choosing stuff needs to be in the loop I think …. could well be wrong though. I never did like if/else statements ??

I dont think you would need seperate header files, what you could do is this:

In the header.php

I assume you want to change the image in the div id="header" right?

An algorithm for this would be something like:

<div id="header" class="<?php if(is_home) echo('header1') elseif(is_category) echo('header2'); ?>">
and so on

It’s the “and so on” bit that completely throws me ??

`<div id=”header”
is page = home ?
or
(get_the_category()) as $cat)
or
is this page=page ?
then
class=”<?php if(is_home) echo(‘header1’)
elseif
{ echo ‘<img src=”https://example.com/images/&#8217; . $cat->cat_ID . ‘.jpg”
alt=”‘ . $cat->cat_name . ‘” />’; }
elseif
(display the general page header)
“>

(Remember, even php 101 would be waaay over my head ?? )

I think what he’s saying is <div id="header" class="<?php if(is_home) echo('header1') elseif(is_category) echo('header2'); ?>elseif(is_page)echo('header3'); ?>">
Then in your style sheet you’d have:

.header1 { background: url(etc)}

.header2 {background: url(etc)}

.header3 { background: url(etc)}

Thanks for making this clear miklb ??

Corrected code:
<div id="header" class="<?php if(is_home) echo('header1') elseif(is_category) echo('header2') elseif(is_page)echo('header3'); ?>">

What I meant by so on is in place of is_page you can add is_single etc. as defined at https://codex.www.ads-software.com/Conditional_Tags

Can I complicate this a bit more ?

If I had 3 categories and wanted a header per category, how would I do that ?

`<div id=”header”
class=”<?php if(is_home) echo(‘header1’)
elseif(is_category(‘Cheeses’) ) echo(‘header2’)
elseif(is_category(‘Carrots’) ) echo(‘header3’)
elseif(is_category(‘Oranges’) ) echo(‘header4’)
elseif(is_page)echo(‘header5’); ?>”>

That look good ?

Yes

Brilliant !

Thanks heaps ??

Remember to add the class details in your CSS file.

Also remember not to put a background image for the #header

It could result in overlapping images.

Also the code above adds a class for the id="header"
You can do the same on other ids to get your desired result.

Now, could you also do this with pages? Like if I wanted a certain page I created to have a certain header image could I just do:

elseif(is_page('journal')) echo('headerx')

Would that work? And if so, journal in this example would be the slug of the page, right?

It should work.

See an e.g. https://codex.www.ads-software.com/Dynamic_Menu_Highlighting

This post has been helpfull to me sofar, but i didn’t get my site to work proparly yet.
I’ve put the code underneed in the header.php, and it work, but the allignment of the image isn’t right. The main headerimage shows underneed as well.

<!--
<div id="header"
onclick="location.href='<?php echo get_settings('home'); ?>/';" style="cursor: pointer;">
<?php if ( is_page(7) ) : ?><img src="<?php bloginfo('stylesheet_directory'); ?>/images/tdvheader01.jpg">
<?php endif; ?>
-->

So i’ve been trying to put the code in a different place in the header.php, like this:

<!--
#header {
<?php if(is_home) background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickheader.jpg") no-repeat bottom center;
elseif(is_page(7)) background: url("<?php bloginfo('stylesheet_directory'); ?>/images/tdvheader02.jpg") no-repeat bottom center;
elseif(is_page) background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickheader.jpg") no-repeat bottom center;
?>"> }
-->

I get parse errors with this, so my knowledge of code and php isn’t good enough.
Can someone help me out here with this code, or could someone spell out where to put the code discussed in this thread previously. I’ve tried the code Podz stated, and made the .header1, etc in my style.css, but no result, and parse errors.

NB. My site needs a header on the home and the same one on most pages, but some pages need a customheader.
Thanks already.