How-To

How To Customize your WordPress Login Page and Logo

Running your own WordPress installation is all about the customization. In this groovypost we’ll show you how to display your own logo whenever you login.

By default when you log in to your custom hosted WordPress powered website,  you’ll see the official WordPress logo is set by default. This is fine when you’re just getting started, but if you have a site with multiple users it’s, nice to add in your own branding.

I’ve shown you a method for doing this previously, but it had the inconvenience of resetting every time WordPress updates — which is frequently. Here’s how to modify your WordPress login page to permanently use your custom logo.

Browse to your WordPress “/wp-content/themes/currenttheme” folder. The default theme is twentyeleven however if you’re using a custom theme, go there. Download and edit the functions.php file.

wordpress functions.php edit

Tip: Before proceeding further it is a best practice to make a backup copy of your functions.php in case something goes awry.

Your theme’s function.php file should start with a <?php tag and end with a ?>.
The following code needs to be added into functions.php between those two tags. But, be careful not to add it into existing code as you might break something.

functions.php custom login logo code

Save and reupload the functions.php file to your WordPress/wp-content/theme folder.

reupload functions.php

Now create your logo. Note that the default WordPress login logo is 274w x 63h. You can make a larger or smaller logo, but I can’t guarantee it will display properly without additional tweaking of the code.

custom wordpress logodefault wordpress logo

Name your logo image file: login-logo.png and upload it to your directory here:

wordpress/wp-content/themes/currenttheme/images

Note: that if you wish to change the image filetype to a .gif or .jpg you will need to reflect that by changing the filename in your functions.php file as well.

wordpress themes images folder

Once uploaded, your WordPress login page will display your own custom logo.  Enjoy!

custom login logo for wordpress


1 Comment

1 Comment

  1. lyndall  

    Please add me to your mailing list.

    Thanks
    Lyndall

Leave a Reply

Your email address will not be published. Required fields are marked *

 

To Top