如何将新的 div 添加到 wordpress 管理登录面板

Question

I would like to somehow insert a new div into the admin login panel.

functions.php

<?php
add_action( 'login_enqueue_scripts', function () {
    
wp_enqueue_script( 'jquery' );

wp_enqueue_style( 'amereo-login-styles', get_theme_file_uri('login-styles.css'), [], false );
wp_enqueue_script( 'amereo-login-scripts', get_theme_file_uri('login-scripts.js'), [], false, true);
} );

login-styles.css

    #login a {
    height:80px;
    width:80px;
    background-repeat: no-repeat;
    background-image: url("images/login_logo.png");
    }
    
    body.login
    {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size:cover;
    background-image: url("images/1.png");
    cursor: url('images/cursor.png'), default;
    }

login-scripts.js //empty

(Most probably I could edit the wp-login.php file only I would like to get this effect using my theme) Is this even possible?

Answer 1

You can use login_init hook for this.

add_action('login_init', function(){
    ?>
        <div>
            Your custom div
        </div>
    <?php

});