WordPress adds its own logo to the login page of new installs by default. This isn't a major concern if you're the only one that uses this portal. It makes sense to modify your WordPress login logo to your own branding if you share it with users, subscribers, or even simply team members.

You can change the logo on your login page using a plugin or by modifying the code directly on your site. You can also build a new login URL to further modify this page and increase its security.

We'll show you how to alter your WordPress login logo with and without a plugin, as well as how to build a custom login URL, in this post. Let's get this party started! WP Buffs' team assists website owners, agency partners, and freelancer partners in customizing their sites to match their specific requirements. We've got your back, whether you need us to handle one website or 1,000 client sites.

Planning Your WordPress Login Symbol 

It's critical to have your new logo image file ready to go before beginning the process of modifying your WordPress login page. There are a variety of tools and services available to help you create one if you don't already have one, including:

• Tailor Brands: An online application that allows you to create and customize a logo in minutes for free.

• Fiverr: A freelancer marketplace where you may commission a logo design.

• Renderforest: A tool that uses Artificial Intelligence (AI) to instantly produce a personalized logo for you.

• Placeit: Envato's logo-creation tool, which provides templates that you can customize to fit your style and branding.

These are all useful, low-cost resources that can help you create a simple logo. You may hire a branding specialist or a graphic designer for something more involved. Another alternative is to make one from scratch using a program like Canva:

It comes with a free logo generator that requires little to no design knowledge. There are a plethora of color combinations to choose from, as well as user-friendly design tools and helpful information to assist you.

How to Change the Login Logo in WordPress (With and Without a Plugin)

You can begin altering your WordPress login logo after you have your image file ready. A few basic changes to your site's files will suffice. You can also utilize a plugin if you aren't comfortable modifying code. Either solution is as effective, thus it is a matter of personal preference.

How to Use Code to Change Your WordPress Login Logo

You can manually alter your WordPress login logo by tweaking a few lines of code if you're a seasoned WordPress user. Always backup your site before making any direct changes, and use a child theme to prevent your changes from being overwritten during updates.

The first step is to add your logo image file to the directory of your WordPress theme. You can do this using File Transfer Protocol (FTP) or the File Manager if your server supports cPanel. Look for your active theme in the wp-content > themes folder.

Locate and open the images folder (or create one if one does not exist) within your theme's directory. Then, submit the following logo image file:Best App Wiki 98

Keep a record of the filename. Next, go to your active WordPress theme's functions.php file. Place the following lines of code at the end:

?> style type=”text/css”> function my login logo()

.login h1 a,.login h1 a,.login h1 a,.login h1 a,.login h1 background-image: url(?php echo get stylesheet directory uri();?>/images/new-logo.png); height:65px; width:320px; background-size: 320px 65px; background-repeat: no-repeat; padding-bottom: 30px; padding-top: 30px; padding-bottom: 30px; padding-top: 30px; padding-bottom: 30px; padding?php add action( ‘login enqueue scripts', ‘my login logo' );

Replace the filename of your logo with ‘new-logo.png' in the code.

Best App Wiki 88

To keep your changes current, save the file. Your personal logo should now appear above the username and password boxes on your login screen.

It's important to note that your image should be 80px by 80px for optimum results. You can also use CSS to further customize the appearance of your logo.

Using a Plugin, Change the WordPress Login Logo

If you don't feel comfortable modifying your theme's files directly, you can use a plugin like Login Logo or Custom Login Page Customizer to replace your WordPress login logo. Using plugins to alter the WordPress login logo is the simplest option, especially if you don't want to meddle with the functions.php file. 

We'll utilize Custom Login Page Customizer for this tutorial. From your dashboard, go to LoginPress > Customizer after you've installed and activated it (Plugins > Add New).Best App Wiki 53

This will take you to the WordPress login page customizer, where you may preview and alter the login page's appearance on the right. If you've used the built-in WordPress Customizer before, the UI should be familiar:

Best App Wiki 80

Click on Logo > Select image: to change the logo.

Best App Wiki 8

You can upload a file from your computer or choose a picture from your Media Library. There are additional options to adjust the WordPress login logo size and spacing or disable it completely.

Your modifications should take effect right away.

How to Change the URL of Your WordPress Login Page in 2 Easy Steps

You may also establish a custom login URL if you want to take your WordPress login page customization to the next level. This can also help to increase the security of your website. WordPress comes with two login URLs by default.

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

First Step: Install and Activate Your Plugin

Create a custom WordPress login URL, you can use the WPS Hide Login plugin.

Second Step: Create Your New Login URL.

Related Post