Web Developer, Writer, Sports Lover
rss
Mar
8
Custom WordPress Admin Logo without a Plugin

After you login to your WordPress and you see the dashboard and in the top left corner you see the WordPress logo.  As much as we all love WordPress, sometimes we just want to make things a little more custom. Getting rid of the WordPress logo is a simple way to get your dashboard looking more custom.

All it takes is a few lines of code to get change out the logo to your own. The first step though is to make your own logo. I would recommend making it the same size as the WordPress logo so that your layout doesn’t get messed up. The default logo is 31 pixels by 30 pixels.

Next, find your functions.php and add the following code.

function my_custom_logo() {
   echo '
      <style="text/css"> #header-logo { background-image: url('.get_bloginfo('template_directory').'/images/wp-admin-logo.png) !important; } </style>
   ';
}
 
add_action('admin_head', 'my_custom_logo');

Make sure you add the filename of your image instead of wp-admin-logo.png. That’s it, pretty simple.

Below is the before and after from my dashboard.

Share:
  • Digg
  • del.icio.us
  • Facebook
TH
Comments
  1. This will help clients happy, they will love to see their brand on admin panel too.

Leave a Comment

© 2007-2010 Tim Haslam