Sopov.com freelancer, html and css tips and tricks

How to create different image (style) header on different pages in WordPress?

In my last project, I needed to create unique header image for every pages: Home, Services, Portfolio, Contact, Blog.

So i fond Wordpress function: is_page().

How it works?

Open folder: wp-content/themes/YourThemeName/header.php and add this code to the bottom:

<?php if(is_page('Services')) :?>
<img src="/<?php bloginfo('template_url'); ?>/images/services.png" alt="Services"/>
<?php endif;?>

<?php if(is_page('Portfolio')) :?>
<img src="/<?php bloginfo('template_url'); ?>/images/portfolio.png" alt="Portfolio"/>
<?php endif;?>

<?php if(is_page('Contact')) :?>
<img src="/<?php bloginfo('template_url'); ?>/images/contact.png" alt="Contact"/>
<?php endif;?>

<?php if(is_page('Blog')) :?>
<img src="/<?php bloginfo('template_url'); ?>/images/blog.png" alt="Blog"/>
<?php endif;?>

What we have in this code: is_page('Services') where Service is the name of Service page, you can use ID's of your pages: is_page('43').

bloginfo('template_url') this is path to Your theme, Wordpress adding this automatically.

Thanks, Vlad.