When you install WordPress, the default login page it provides is “yourdomain.com/ wp-admin” It also comes with the default WordPress logo as the login page logo.
For most of us, it does not matter if it’s a single-authored blog.
But if you want to build your brand and you want to offer third parties to log in to your WordPress dashboard, then it is better to Change WordPress Login Logo And URL.
This is required to add extra security and branding to your blog.
So in this article, I will explain various methods that will teach you How To Change WordPress Login Logo And URL.
There are numerous ways to accomplish both tasks either by directly modifying files or using a plugin. My suggestion would be to use a plugin as it’s the safest method unless you know what are you doing.
How To Change WordPress Login Logo
You can change the WordPress login logo by adding some codes in the function.php file or using some plugins.
Before that, make sure you have a logo file (.png format) having a resolution of 500X500 pixels and upload the file to the WordPress directory by following the below steps.
WordPress Dashboard -> Media -> Add new ->Select the file -> Upload
Once uploaded you can access the media file from Media -> Library.
Open the image file and copy the image URL.
Change WordPress Login Logo Without Plugins
You need to open the Function.php file located in the child theme directory and add the below piece of code.
Make sure you replace the background image URL with the image URL you have just copied.
function my_login_logo_one() {
?>
<style type="text/css">
body.login div#login h1 a {
background-image: url(http://localhost/wordpress/one.jpeg);
padding-bottom: 30px;
}
</style>
<?php
} add_action( 'login_enqueue_scripts', 'my_login_logo_one' );
Refresh your dashboard and clear your cache. Then access the login URL and you will see your new logo instead of the default WordPress logo.
Change WordPress Login Logo Using Plugins
Although there are a number of plugins that can do the job but below plugins are tried and tested.
Uber Login Logo
This a very lightweight plugin that enables users to upload a logo for the login page. Don’t worry about the image size as the plugin will resize it automatically.
Login Logo
Login Logo is also a very straightforward plugin. Once you activate the plugin, you will have to upload a logo named login-logo.png.
The image should be in .png format and should have a minimum of 312 pixels. Better to have a transparent background for the logo.
Customize Admin
Customize admin can change the login logo and also customize the admin dashboard.
How To Change WordPress Login URL
WordPress provides two default URLs for admin and login.
- www.yourdomain.com/wp-admin [ For admins]
- www.yourdomain.com/wp-login [ For visitors if you allow logins]
Default URLs are good to remember but it is prone to get hacked. Many times our WordPress website gets compromised just because we keep the default login URL.
There are different ways to change the default login URL. You can do it either by changing codes or using plugins.
WPS Hide Login is one of the plugins that can do the job for you. It is free and has a very simple interface.
Once installed you will have to navigate to Settings -> General -> WPS hide login. On the settings page, you will have to enter your custom login URL.
Here is a video guide for the whole process, in case you like videos over reading an article.
Wrapping Up: Changing Logo On WordPress
Hopefully, this article could able to explain in detail about how you can change the WordPress login logo and URL.
In fact, there are numerous other methods that you can follow but the ones that we have mentioned here in this article are followed by most bloggers.
All those methods mentioned here are tried and tested and you will have hardly any scope of failure.
FAQ | Change WordPress Login Logo And URL
How To Change WordPress Login Logo?
You can change the WordPress login logo by adding the following piece of code in the function.php file of your child theme. You need to replace the image URL with the one that you have.
function my_login_logo_one() {
?>
<style type=”text/css”>
body.login div#login h1 a {
background-image: url(http://localhost/wordpress/one.jpeg);
padding-bottom: 30px;
}
</style>
<?php
} add_action( ‘login_enqueue_scripts’, ‘my_login_logo_one’ );
How To Change WordPress Login URL
You can change the WordPress Login URL by using plugins like WPS Hide Login or Perfmatters.