Add Custom Logo on WordPress Login Page

Add Custom Logo on WordPress Login Page

For branding purposes you may want to add custom logo of your company at the WordPress login page. It is best if your visitors register at your WordPress website and regularly login. Adding a custom logo at WordPress login page is not difficult. You just need to add some lines of code in your functions.php file and upload your own logo.

Custom Logo on WordPress Login Page

1. Login to your WordPress. Go to Appearance > Editor.


2. On the right side sidebar, there is a list of files which can be edited through the editor. Open the “Theme Functions” (functions.php) file from that list.


3. Scroll down to the end of the file and paste the following code there:

function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
add_action('login_head', 'custom_loginlogo');

4. Save the functions.php file.

5. Now you need to upload custom logo image to themes folder. Make sure you have logo image (.png) with transparent background and rename it to login_logo.

6. Now login to your web hosting cPanel > File Manager > Go to your WordPress Folder > wp-content > themes > Open the theme folder which you are using now > images > upload your logo here in this folder.

Now try visiting the WordPress login page and you will see your custom logo image at the login page.

Copyright © 2014-2018 All rights reserved.