Edit Wordpress Login page

Sometimes the Login page needs to be edited in some way.  In my case, I needed to add a notice about the recpatcha security feature on the page. To edit the WordPress Login page, you need to edit the functions.php page.

What:

• WordPress 4.9.4
• Login page

The change the logo:

1. Create a new function called “new_custom_login_logo”

• This will just print out css code. (See below)

2. Edit and add the following code into the functions.php file. Make changes as necessary:

// Adds Changes to WordPress Login Page for YOURWESBITE.com

function my_login_logo() { ?>

<style type="text/css">

#login h1 a, .login h1 a {

background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/YOUR_LOGO_URL.jpg);

height:124px; /*Change this accordingly*/

width:150px; /*Change this accordingly*/

background-size: 150px 124px;

background-repeat: no-repeat;

padding-bottom: 5px;

}

</style>

<?php }

add_action( 'login_enqueue_scripts', 'my_login_logo' );

// This points the logo link to yoursite
 function my_login_logo_url() {
 return home_url();
 }
 add_filter( 'login_headerurl', 'my_login_logo_url' );

function my_login_logo_url_title() {
 return 'YOU SITE NAME';
 }
 add_filter( 'login_headertitle', 'my_login_logo_url_title' );

/* THIS IS OPTIONAL, but I used this for people who click the Login button too early before the Recaptcha animation finishes*/

function my_loginfooter() { ?>
 <p style="text-align: center; margin-top: 1em;">
 <p style="text-align: center; color: #e40000; text-decoration: none; font-weight: bold;"> 1. Click the box next to "I'm not a robot" <br /> 2. WAIT UNTIL YOU SEE THE <u><font color="green">GREEN CHECK </font></u> before clicking Log In Button.
 </p>
 <?php }
 add_action('login_footer','my_loginfooter');

ddd