Cómo agregar una página de inicio de sesión a la página de inicio de WordPress

Primero, agregue el siguiente código al final del archivo de plantilla del tema funciones.php.

función custom_login() {

echo ''; }

add_action('login_head', 'custom_login');

2. En uso Cree una nueva carpeta en el tema con el nombre: custom_login. Cree una nueva carpeta con el nombre: custom_login en el tema utilizado, cree una nueva carpeta en ella: custom_login.css y coloque el logotipo del sitio web creado: logo.png. él.

En tercer lugar, agregue el siguiente código en custom_login.css.

/** Fondo y fuente**/

html,body.login{

fondo:#f2f2f2

fuente: 14px 'Microsoft YaHei', Arial, Lucida Grande, Tahoma, sans -serif

}

/** Eliminar enlace subrayado**/

html a {

decoración de texto: ninguna

}

/** Iniciar sesión DIV **/

#login {

fondo:#fff;

borde: 1pxsolid#ccc;

ancho:400px

margen: 40pxauto 0; p>relleno: 10px10px20px10px;

radio de borde: 5px;

sombra de caja:0 4px10px -1px rgba(200, 200, 200, 0.7); p>}

/** Reemplazar logo**/

.login h1 a{

fondo: #fffurl(logo.png) no-repeatcenter;

ancho:400px;

}

.

/** Consejo***/

. actualizado, .login .message {

fondo:#fff;

borde: ninguno

text-align: center

}

/** formulario ***/

.formulario de inicio de sesión {

box-shadow:none

.actualizado, .login .

.update, .login .｝

#loginform, #registerform, #lostpasswordform{

fondo:transparente; >borde:ninguno;

}

.

}

/** botón**/

.button-primary,.submit .button-primary,#formulario de inicio de sesión .submit input {

ancho:83px

alto:

fuente - peso: negrita;

border:none;

}

Los anteriores son solo algunos de los elementos básicos que se pueden diseñar en la pantalla de inicio de sesión. Puedes utilizar la extensión Firebug de Firefox para ver los nombres de los selectores DIV en cada sección y realizar cambios detallados

.