Manually Change the Default WordPress Logo on Login Page

During WordPress installation, the user is prompted to add a username and password. After successful installation, the user is prompted to login into the WordPress back-end. For any frequent WordPress user, you interact with the login page almost every day. There is a great need to customize the login page to match your WordPress website concept.

Why Change the Default WordPress Logo?

1. Security – Customizing your login page is adding a layer of security on your WordPress site. Since WordPress is the most commonly used content management system globally, it is prone to intrusions. Hackers and other malicious internet users have greatly targeted WordPress websites. Therefore, customizing your login pages will disguise your website as a non-WordPress website.

2. Branding – Adding your own logo on your login page will give off a very professional look. Your official logo will give users a look and feel of a professional website. This will greatly help build your user’s trust.

Prerequisites

To follow this step by step tutorial on how to change the WordPress logo on the login page, you need either of the following:

1. WordPress backend access.

2. Company logo.

Step 1

Login into the WordPress back-end to change the logo below:

Step 2

Go to the media tab on the left panel and upload your company logo.

Step 3

After uploading the logo, click on the edit button on the far right.

Step 4

Copy the URL of the newly uploaded logo shown in the image below. Note this URL because we will use it later

Step 5

Open the editor under the Appearance option on the left panel.

Step 6

Locate the ‘functions.php’ file and paste the code below:

function my_login_logo_one() {

?>

<style type="text/css">

body.login div#login h1 a {

background-image: url(ENTER YOUR LOGO URL HERE!);  //Add your own logo image in this url

padding-bottom: 30px;

}

</style>

<?php

} add_action( 'login_enqueue_scripts', 'my_login_logo_one' );

Click on ‘Update file’ to save changes.

Step 7

You need to log out to view your new login page. If you followed all the steps, you should see a new logo.

Note: You can edit the code snippet provided to suit your needs.

Leave a Reply