Give WP-Admin a Custom Favicon
Edit: This tip has been made into a Wordpress plugin! Get it here
I found an easy Wordpress trick that I think some of you may find useful. As I was writing an article for Simply-Basic.com the other day, I kept having to search through my 12-15 tabs that were open to find which one held my WP-Admin interface (I really should have just closed half of them). See, Wordpress’ back end doesn’t have a favicon associated with it, so it blends in fairly easily.
To fix this, I decided to give my Wordpress administrative pages a favicon. The process is amazingly simple. First, create a favicon or download my Wordpress-esque favicon (right click the image and select “Save Image As”). Upload this image to your server, keeping track of its URL.
Second, navigate to wp-admin/admin-header.php in your Wordpress directory. You can edit this file by downloading it, making the necessary changes, and re-uploading it. We are going to add the following line of code in between the <head></head> tags:
Code:
<link rel="shortcut icon" href="<?php bloginfo('url'); ?>/favicon.ico" >
Make sure that you find a new line for this code. Be careful not to parse any PHP or <script></script> tags. If you uploaded favicon.ico to your main Wordpress directory, no changes are needed to this code. Otherwise, change “<?php bloginfo('url'); ?>/favicon.ico” to reflect your favicon’s actual location.
And that’s it, you’re done! It really is that basic! When you’re done you should get something that looks like the following:
Useful Articles
This article was written by John Kolbert on November 30, 2007 and filed as Tutorial/How-To. Get the latest articles by subscribing to the RSS feed. This article, including images and attachments, is property of John Kolbert and is not to be republished or translated without prior written permission.
I like for free favicon generator the genfavicon service.
David Carrero Fdez-Baillo’s last blog post..Temas gratis para WordPress para el 30 de noviembre
@David Thanks for the link! I hadn’t seen that service before, looks excellent.
Hmm, seems like a nice trick. At first, I was wondering what you were talking about as I use the favicon that I attached to my blog as the means of differentiating between tabs but it looks like you are giving your wordpress backend an icon that is different from your actual blog favicon. Is that right?
Jeffro2pt0’s last blog post..Human Tetris
Right! I should have been clearer. This is a way for you to give your Wordpress backend it’s own favicon. In Opera, my backend administration only had the generic favicon that blended in with my other tabs, since it didn’t specify one. This is a way of giving it your own distinct style, totally separate from your actual blog’s, if you chose.
I see. Now thats actually a useful tip. I always have a couple tabs open when I’m blogging.
Jeffro2pt0’s last blog post..Human Tetris