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');