3 Ways to Change Your WordPress Login Logo and URL

When you first create a new WordPress installation, the WordPress software automatically adds a default logo to your login page.

For some, this is okay. If it’s just you using the WordPress login page, you’re probably unaffected by the default branding.

Yes reaction

But if you’re sharing the WordPress login page with third parties like other blog contributors, and you’re concerned about security, it might make sense to consider this page as an extension of your brand. As such, you’ll want to change the standard WordPress login logo to your brand’s logo.

The good news? If you want to change WordPress login logo, it’s not impossible. You can really make it as hard or easy as you want, depending on whether you’ll be altering the code yourself or making use of a WordPress login logo plugin.

Let’s take a look at the various options to change the WordPress login logo:

How to: Change WordPress Login Logo

There is more than one way to change the WordPress login logo but the two most basic are through plugins and code. It may seem silly and obvious but before you start the process to change the WordPress login logo, make sure you have your new logo file ready to go.

Don’t have a logo? Tailor BrandsFiverrRenderforest or Placeit can help you get a basic logo so you don’t have to wait to add custom branding to your WordPress login page. If you’re looking for something more involved, you’ll want to work with a branding expert or graphic designer to adequately capture your vision.

Or if you are feeling crafty, you can create one yourself with Canva. They have a free logo maker that requires little to no design experience. There are a million (literally) different color options, design tools and helpful information to help you make a logo.

Change WordPress Login Logo with PHP function

For more experienced WordPress users, the logo on the WordPress admin login page can be changed by tweaking a few lines of code.

To kick things off, go to your active theme’s functions.php file.

Uploading Your Logo File

If you’ve uploaded image files to WordPress before, you can skip this section.

If you haven’t, you’ll want to navigate from the WordPress dashboard to Media (found on the left menu bar), then click on “Add New”. You can upload your logo by either dragging and dropping it on the next screen or by clicking on “Select File” and choosing the logo file from your computer.

You’ll find the uploaded file in your file library, which you can access after going from the WordPress dashboard to Media > Library.

Click on the uploaded file to view it at its maximum size. On the left side, you’ll see the image URL. Copy it, because you’ll need it for the next steps.

Changing the WordPress Login Logo Using Functions.php

Because you’ll be making direct edits to your WordPress theme’s code, it is recommended that you make a backup of your theme files or create a child theme before starting.

When you’re ready, go to the WordPress dashboard. Under the left side of the menu, go to Appearance, and then click on Editor.

When the Editor opens, find the functions.php file. This should be located on the right side of the screen. Go to the end of the file and place the following lines of code underneath your existing code:

function my_login_logo_one() {
?>

<style type="text/css">
body.login div#login h1 a {
background-image: url(https://localhost/wordpress/one.jpeg); //Add your own logo image in this url
padding-bottom: 30px;
}
</style>


Changing the WordPress Login Logo Using Functions.php

Next, replace the URL field with your image URL, which you copied from the previous step and click the button labeled “Update File”. That’s it—you’re done!

ADDITIONAL WAYS TO FIND THE FUNCTIONS.PHP FILE

Besides accessing the functions.php file through the WordPress admin dashboard, you can also do so by going to your website’s cPanel. Again, before changing any code, make a backup of your website in case something goes wrong.

On your website’s cPanel, go to File Manager, and look for the wp-content folder in the file directory. Click on the theme folder and look for the theme you are currently using. Find the functions.php file, then right-click to edit it. Finally, copy and paste the code shared above to the bottom of the file and save it.

Change WordPress Login Logo: 4 Plugins to Help

It’s important to note that the more plugins you have installed, the more potential points of vulnerability for hackers on your WordPress website. Excess plugins can also slow your page load time due to the increased files they require to run.

My WordPress Login Logo

My-WordPress-Login-Logo-Change-WordPress-Login-Logo.png

My WordPress Login Logo allows you to add a specific logo to customize your WordPress login page. It allows you to specify the height and width of the logo, as well as add a logo title and link. After entering the image specifications, your logo is ready to view!

Customize Admin

 Customize-Admin-Change-WordPress-Login

Customize Admin allows you to customize the appearance of both the WordPress dashboard and login page. It allows you to add a custom image to the login screen and even specify a link. This is helpful for redirecting people that shouldn’t be on this page. For example, you can set it so that when the link is clicked, users will be redirected to the website’s homepage.

The plugin also allows users to disable certain dashboard widgets and remove the meta generator tag from the head section in the website HTML code.

Login Logo

Login-Logo-Change-WordPress-Login-Logo

Login Logo allows you to change the WordPress login logo in three easy steps. First, activate the plugin. Next, drop your logo in the WordPress Media area with the filename “login-logo.png”. That uploaded file will become your login logo.

Note that when using this plugin, the file should be in the PNG format, have a transparent background, and have a width of 312 pixels for the best results.

Absolutely Glamorous Custom Admin

absolutely-glamorous-custom-admin-Change-WordPress-Login-Logo

 

With a 4.9 rating and over 40,000 installations, Absolutely Glamorous Custom Admin is one of the top plugins to use if you want to make changes to your WordPress admin login page. The plugin allows you to customize not just the login page, but also the admin panel, admin menu, admin bar, and even apply free responsive and commercial admin themes.

The plugin also allows you to hide the site name and blocks off the admin bar.

Creating a Custom WordPress Login URL

If you want to take your WordPress login page customization to the next level, you can also opt to create a custom login URL. This can ensure your site’s security as well as improve site speed as a result. WordPress has two default login URLs:

  • https://yoursitename.com/wp-admin.php
  • https://yoursitename.com/wp-login.php

This makes it easy for WordPress users to remember where to log in but makes websites susceptible to brute force attacks, or the repetitive guessing of login credentials until the right combination is found. Changing the WordPress login URL can help protect against this possibility because hackers will have to guess more than just your WordPress username and password to gain access to the admin dashboard.

As with changing your WordPress login logo, you can change your WordPress login URL with code or through the use of plugins.

Plugins are definitely the easier option because when you change your WordPress website’s files directly, you run the risk of creating errors with your logout screen, which can negatively impact other website functionality. Also, by changing the login URL manually, every time you update WordPress, it will recreate the login page file, meaning you will have to change the URL all over again.

Using the WPS Hide Login Plugin

Change-WordPress-Login-Logo-4

The most popular plugin for changing your login URL is WPS Hide Login. A lightweight plugin with over 200,000 installs, high ratings, and frequent updates, WPS Hide Login allows you to change the login URL without changing the files in your WordPress core code. Instead, it intercepts page requests and makes the admin directory and wp-login page inaccessible. Deactivating the plugin will revert the WordPress login URL back to the standard wp-admin.php and wp-login.php.

Before installing the plugin, backup your website. Next, install and activate the plugin. Once the plugin is activated, go to Settings > General > WPS Hide Login. You will be prompted to create a new login URL with your website’s domain as the root.

After activating WPS Hide Login, the default URL will be https://domainname.com/login. Remember this in case you forget that you installed the plugin and are locked out of your website!

Because you’re only human and are thus prone to forgetfulness, you’re best off changing your login URL immediately after activation. To make it more secure, use a mix of letters, numbers, and special characters. If it will be hard for you to remember, make sure to bookmark the new URL.

Congratulations! You can now use this new, more secure URL to access your login page.

Final Thoughts: How to Change WordPress Login Logo & WordPress Login URL

Little details count: even more so with online businesses. Not everyone needs to change their WordPress login logo but it’s a nice touch if more than one person has access to the WordPress dashboard—like blog contributors. Whether you change the WordPress login logo with code or a plugin, it’s easier to do than you might think!

Changing the WordPress login URL is less about vanity and branding and more about WordPress security. Alongside a strong password and a username that doesn’t include “admin”, your custom login URL can protect your website from the worst brute force attacks.

We have separate series for All  WordPress Related issue and Tips.

Check here and Let me know in comment section if anything else.