How to Change the Logo and URL on the WordPress Login Page

Posted on October 23rd, 2015

By default, the WordPress login page displays the WordPress logo. It allows you and any other users to log in to the administrator dashboard, email passwords to other registered users and register subscribers by way of the Register link. You can customize the login page in a variety of ways, either by editing the functions.php file of your currently selected theme or by using a plugin. By far the easiest way to edit the login page is to use a suitable plugin.

 

 

1 – Changing the Login Screen Logo

 

There are many plugins available which allow you to change the WordPress login logo, but for this tutorial, we will use the “Login Logo” plugin.

 

  1. In your administrator dashboard, open the Plugins section and click “Add New”. Enter “Login Logo” in the search box and click “Search Plugins”. Click “Install Now” below the title of the plugin, wait for it to download and install and click “Activate Plugin”.
  2. On your computer, locate the image file you wish to use for the new logo. Open the file in your favourite image editor. For best results, crop and resize it with a width of 320 pixels, and use a transparent background. Save a copy in the PNG format. Name this file login-logo.png.
  3. Using an FTP client, upload the image file to the wp-content directory of your WordPress installation. Most Web hosts provide a user-friendly Web-based FTP client which allows you to browse through the files and folders which make up your website.
  4. Log out of your WordPress administrator dashboard to return to the login page. The image you uploaded should appear instead of the default one. No further configuration is necessary.

2 – Changing the Logo URL

Once you have changed the login logo, you’ll likely want to change the URL which it links to. The default URL will send you to wordpress.org.

  1. In your administrator dashboard, open the Appearance menu and click “Editor”. In the right-side column, click on “functions.php” under “Theme Functions”.
  2. Add the following code to the file:

 

<?php

add_filter( ‘login_headerurl’, ‘custom_loginlogo_url’ );

function custom_loginlogo_url($url) {

     return ‘http://www.yourwebsitehere.com’;

}

?>

If you change the theme, you will need to enter the code again.

 

For more advanced customization of your login page, you can create an entirely new one from scratch by using a plugin such as Custom Admin Branding. This plugin will allow you to add a custom background to the login screen, logo, information and various other options.

3 Responses to “How to Change the Logo and URL on the WordPress Login Page”

  1. MLipenk says:

    Make sure when copying and pasting the provided code on this site into your functions.php file that the quotes are correct, or WordPress will throw errors. You may need to retype them in the WP Editor. (IE: the character encoding of the single quotes didn’t work so I retyped them, and I had to change the URL to double-quotes.)

    // change url of login logo link
    add_filter( ‘login_headerurl’, ‘custom_loginlogo_url’);

    function custom_loginlogo_url($url) {

    return “https://www.mysite.com”;

    }

  2. Dave says:

    I’m trying this with PHP 7.4 and it’s not happy about the single quotes, colon or forward slashes.

Leave a Reply