Chỉnh trang đăng nhập đẹp cho WordPress

Copy những đoạn mà sau bỏ vào file function.php nhé


//**Thay đổi logo cho trang đăng nhập

add_action( 'login_enqueue_scripts', 'themewp_login_enqueue_scripts' );

function themewp_login_enqueue_scripts(){

echo '<style type="text/css" media="screen">';

echo '#login h1 a

{

background-image:url(https://i.imgur.com/j9mt9Q1.jpg); // link ảnh logo của bạn

    background-size: 490px !important;

    height: 100px !important;

    width: 500px !important;

;';

echo '</style>';

}

//Thay đổi url ảnh logo

add_filter( 'login_headerurl', 'themewp_login_headerurl');

function themewp_login_headerurl(){

return home_url('https://themewp.vn');

}


đoạn CSS 

function themewp_custom_logo() { ?>

    <style type="text/css">

 .login #login_error{    

     box-shadow: 0 30px 80px rgba(37, 37, 37, 0.1) !important;    

     border-radius: 15px !important;}

 .login .message{

     border-left: 5px solid #08298A !important; 

     border-radius: 15px;

     box-shadow: 0 30px 80px rgba(37, 37, 37, 0.1) !important;}

 .login #nav a:hover, 

    .login #backtoblog a:hover{color: #eb1f27 !important;}

 .login .button-primary {

     

    background: #ffff; !important;

    box-shadow: 0 5px 0 #08298A !important; 

    border-color: #2E64FE #08298A #2E64FE !important; 

    border-radius: 20px !important; 

    border-color: #007cba; !important

    color: #0000; !important

    text-decoration: none;

    text-shadow: none; !important

     }

 input[type=checkbox]:checked:before{color: #81BEF7;}

 .login input[type=text]:focus, 

    .login input[type=password]:focus, input[type=email]:focus{    

     box-shadow: 0 0 2px rgb(255, 255, 255) !important;}

   .login h1 a{    

       background-size: 480px !important;    

       height: 220px !important; 

       width: 500px !important; }

#login {width: 450px !important;}

 .login form {box-shadow: 0 30px 80px rgba(37, 37, 37, 0.1) !important;

     border-radius: 15px;    

     padding: 40px !important;}

    .login form .input, .login form input[type=checkbox], 

    .login input[type=text] 

    {background: #81BEF7;

        border-radius: 30px;

        border: none;box-shadow: none;}

 @media only screen and (max-width: 480px) {

  #login {width: 320px !important;}

}

    </style>

<?php }

add_action('login_enqueue_scripts', 'themewp_custom_logo');

 

 

Mới hơn Cũ hơn