Basically 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.

Wordpress Logo

Wordpress Logo

Of course this would be added value for your blog. Please follow the steps below;

  • First, Browse to your wordpresss “/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. Before you try, always make a backup copy of your functions.php.
Function php

Function php

  • Your theme’s function.php file should start with a . The following code needs to be pasted into functions.php between those two tags. Be careful not to paste it into existing code as you might break something.

/* WordPress Login Logo Code */
function login_logo() {
echo ”;
}
add_action(‘login_head’, ‘login_logo’);
/*—-End Login Logo Code—–*/

Wordpress Login Logo Code

Wordpress Login Logo Code

  • Save and reupload the functions.php file to your WordPress/wp-content/theme folder.
  • Now create your logo. 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.
My Logo

My Logo

Default Logo

Default Logo

  • Name your logo image file:

login-logo.png

  • Then upload it to your “wordpress/wp-content/themes/currenttheme/images” directory.
upload images

upload images

  • Once uploaded, your WordPress login page will display your own custom logo. Good luck!
Jauhari Result

Jauhari Result