Dropping in Your Own Logo


/ Published in: PHP
Save to your folder(s)

Providing the client some administrative branding can be quick and easy. Here’s how to replace the default WordPress “W” logo in the administrative header with a custom alternative.

First, create an image that fits the allocated space. As of WordPress 2.8, the logo is a 30 pixels wide and 31 pixels tall transparent GIF. When using a transparent GIF or 8-bit PNG, ensure that the image matte matches the header background color: hex value 464646.

A logo named “custom_logo.gif” inside the template directory’s image subfolder can substitute the default WordPress logo with the following code inside the theme’s “functions.php” file.


Copy this code and paste it in your HTML
  1. //hook the administrative header output
  2. add_action('admin_head', 'my_custom_logo');
  3.  
  4. function my_custom_logo() {
  5. echo '
  6. <style type="text/css">
  7. #header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.gif) !important; }
  8. </style>
  9. ';
  10. }

URL: http://www.smashingmagazine.com/2009/12/14/advanced-power-tips-for-wordpress-template-developers-reloaded/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.