Advanced Search

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.

Expand | Embed | Plain Text

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.