Cuando realizamos una web hecha en WordPress para un cliente nos gusta ofrecer un producto de calidad. Nos gusta WordPress pero nos gusta más si no se ve. EL login es una de las partes más características de este CMS, si queremos saber si una web utiliza WP ponemos en la raíz después de la url /wp-login.php y no saldrá el login por defecto (o no si usamos un plugin de seguridad que reeecriba las urls por defecto).

En este post aprenderemos a customizar por completo el login pero la mayor parte de las veces no hace falta sólo con cambiar el logo de encima del formulario nuestros clientes ya sentirán que les entregamos algo de calidad.

Para cambiar los estilos del formulario deberemos cargar un CSS propio desde nuestro functions.php a través de un add_action (también podremos cargar un js por si necesitas hacer alguna que otra triquiñuela):

function custom_login_stylesheet() {
    wp_enqueue_style( 'custom-login', get_template_directory_uri().'/style-login.css' );
    wp_enqueue_script( 'custom-login', get_template_directory_uri().'/style-login.js' );
}
add_action( 'login_enqueue_scripts', 'custom_login_stylesheet' );

Dentro de nuestro style-login.css os pongo algún ejemplo de un tuneo básico:

.login h1 a{
    background-image: url('path/to/image.png');
    /* Esto es importante que modifiquéis el tamaño de la imagen sino no saldrá bien */
    background-size: contain;
    width: 100%;
    height: 100px;
}

Luego podemos cambiar el enlace del logo que previamente hemos cambiado, así como el atributo title:

function custom_login_logo_url() {
    return get_bloginfo('url');
}
add_filter( 'login_headerurl', 'custom_login_logo_url' );
 
function custom_login_logo_url_title() {
    return get_bloginfo('name');
}
add_filter( 'login_headertitle', 'custom_login_logo_url_title' );

A partir de aquí ya tienes las herramientas para customizarlo hasta dónde quieras.

Categorías: Wordpress
Etiquetas:,
Si necesitas una url corta puede usar: codygo.es/1656

Deja un comentario