chrisdecker.com

Customize Your Wordpress Admin Panel Login Logo

There are times when you may want to customize the logo on the Wordpress admin panel login page (wp-admin). For example, I like to do this when I am building a Wordpress site that I am going to let the customer manage. It helps carry the brand and makes it easier for the customer to understand that they are in the right place. It is also fairly easy to do if you follow these four simple steps.

1. Produce an image file that is no larger than 328 x 84 and upload to the “images” directory on your server. If you don’t have an “images” folder, just create one and put this file in it.

2. Make a backup of the functions.php file that resides in your current theme directory in case something gets screwed up. The simplest way to do this is to copy the file to your local hard drive.

3. Copy and paste this code into the functions.php file that resides in your current theme directory.

function my_custom_login_logo() {
    echo '<style type="text/css">
        h1 a { background-image:url(/images/customlogofilename.png) !important; }
    </style>';
}

add_action('login_head', 'my_custom_login_logo');

4. Change “customlogofilename.png” to reflect the file name and type of your image and save the functions.php file.

You should now see your new custom logo on your Wordpress admin login page. If not, make sure that you have the correct location and file name for your new custom logo.


blog comments powered by Disqus

Connect

           

About

Chris is an information technology professional, entrepreneur, and social media geek with 14 years of experience focused on providing innovative, creative web development and social media solutions. He is passionate about exploring new ways to communicate, business development, sharing ideas, and utilizing social media to build relationships and enrich communities.

Latest Tweets

>> Follow me on Twitter

Recent Posts

Archives

Categories