Different logo for each page

8 posts from 3 voices

• Started 2 years ago by ahruhn
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   ahruhn
   Member

   Hi guys,

   How would I go about getting a different logo for each page?

   http://www.ah-ruhn.com

   so for home I would have explore ah-ruhn logo, perceive would be perceive ah-ruhn logo etc

   cheers

   Aaron

   Posted 2 years ago #
2. 

   Dude
   Dude

   You can use conditional tags: http://codex.wordpress.org/Conditional_Tags to use different images on different pages or you append the page/post id to the logo class so that you can style the logo on a per post basis.

   Posted 2 years ago #
3. 

   ahruhn
   Member

   Cool, thanks will try it out :)

   Posted 2 years ago #
4. 

   Dude
   Dude

   Glad that I could help you :)

   Posted 2 years ago #
5. 

   Dogmut
   Member

   I am looking into this as well. Conditional tags seems a bit outside my ability so could you explain a bit more about appending the page/post id to the logo class. Thanks.

   Posted 2 years ago #
6. 

   Dude
   Dude

   Hey,
   in header.php replace:
   

   <h1 class="logo ie6fix <?php echo $logoclass; ?>"><a href="<?php echo get_settings('home'); ?>/"><?php echo $logo; ?></a></h1>

   with:
   

   <?php
   global $wp_query;
   $thePostID = $wp_query->post->ID;
   ?>
   
   <h1 class="logo ie6fix <?php echo $logoclass.' logo_'.$thePostID ?>"><a href="<?php echo get_settings('home'); ?>/"><?php echo $logo; ?></a></h1>

   Now in style.css add:
   

   .logo_postid a{
   background: transparent url(../images/skin1/my-logo.png) no-repeat left top;
   }

   Instead of postid fill in your post id - so i.e. if your post has the id 10 the css code would look like:

   .logo_10 a{
   background: transparent url(../images/skin1/my-logo.png) no-repeat left top;
   }

   Instead of my-logo.png use your own logo.

   Please notice that this solution won't work if you use the logo option under Display options (so you must style the logo with the stylesheets - including your standard logo)

   Posted 2 years ago #
7. 

   Dogmut
   Member

   Ok - think I can manage that but probably best on a test site first though.

   Posted 2 years ago #
8. 

   Dude
   Dude

   Glad that I could help you :)

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.