Cómo personalizar la interfaz de inicio de sesión del backend de WordPress mediante el embellecimiento del código y el cuadro de inicio de sesión con efecto translúcido

Se entiende que el blog de Gao Shiyin se implementa mediante los siguientes 2 pasos:

1. Cree el archivo login.css en la carpeta del tema actual,

html{

fondo: transparente;

}

body.login {

fondo: #000 url("images/login_bg . jpg") centro superior sin repetición;

}

body.login div#login h1 a {

display: none;

}

body.login div#login h1 {

pantalla: bloque;

altura: 70px;

}

.formulario de inicio de sesión, .formulario de inicio de sesión .entrada, .entrada de inicio de sesión[ tipo="texto"],.wp-core-ui .botón-

primario,.wp-core-ui . botón-primario:hover{

-webkit-box-shadow:none;

box-shadow ninguno;

-webkit-border-radius: 0 ;

radio-borde: 0;

}

.Formulario de inicio de sesión{

fondo: rgba(10,35,35, .4);

borde: ninguno;

}

.formulario de inicio de sesión .input, .login input[type="text"]{

fondo: transparente;

color del borde: #444;

color: #eee;

}

. formulario de inicio de sesión .input:focus{

color del borde: #666;

}

.etiqueta de inicio de sesión{

color: # 999;

altura de línea: 35px;

}

.wp-core-ui .button.button-primary{

fondo: rgba(187,64,48,.7);

borde: ninguno;

altura de línea: 12px;

relleno: 10px 30px;

}

.wp-core-ui .button-primary:hover{

fondo: rgba(0,0,0,.4); /p>

- webkit-transition: fondo 0.5s suavizado 0s;

-moz-transition: fondo 0.5s suavizado 0s;

-ms- transición : fondo 0,5 s suavizado 0 s;

-o-transition: fondo 0,5 s suavizado 0 s;

transición: fondo 0,5 s suavizado 0 s;

}

.wp-core

-ui .button-primary,

etiqueta .login,

.formulario .login.input{

font-family: 'Microsoft YaHei';

}

#nav,# backtoblog{

display: none;

}

2, luego en el tema Agregue el código para llamar a este archivo CSS en el archivo funciones.php:

//interfaz de inicio de sesión

function diy_login_page() {

echo '' ."\n";

}

add_action( 'login_enqueue_scripts', 'diy_login_page' );

Espero que mi respuesta te sea útil.