Muchas veces queremos personalizar nuestro inicio de sesión de WordPress con nuestro logo o darle un estilo diferente al formulario de login, pero no queremos usar plugins que puedan cargar nuestra web innecesariamente. Hoy te traigo los pasos necesarios para darle un toque más personal.
Vamos a trabajar con el tema hijo. Si no sabes cómo crear un tema hijo (child theme), te dejo el enlace de cómo hacerlo aquí. Vamos a modificar el archivo functions.php de tu tema hijo.
Para esto, nos dirigimos en nuestro WordPress a Apariencia -> Editor de Archivos de temas. En el campo «Tema a editar», selecciona tu tema hijo y busca el archivo functions.php o conecta por FTP y modifícalo, lo que te resulte más cómodo para añadir el siguiente código:
Importante: modifica las medidas de alto y ancho de acuerdo a tu imagen.
/*logo personalizado en login wp*/
function login_logo() { ?>
<style type="text/css">
#login h1 a {
background-image: url("aquí ruta de tu imagen");
height: 235px;
width: 316px;
background-size: 316px 235px;
background-repeat: no-repeat;
padding-bottom: 30px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'login_logo' );Después de aplicar los cambios veríamos algo como esto:
En ocasiones también queremos cambiar la URL de la imagen y la información que aparece al poner el puntero del ratón encima de la imagen. Para esto, debemos añadir el siguiente código al archivo functions.php:
function my_login_logo_url() {
return home_url();
}
add_filter('login_headerurl', 'aquí la url de tu sitio');Para personalizar el nombre del titulo del logo
function login_logo_url_title() {
return 'Aquí la información de tu sitio';
}
add_filter('login_headertext', 'login_logo_url_title');Para Profundizar más en el tema os dejamos el link de la documentación oficial de WordPress
Si te gusta este tipo de contenido por favor déjame saberlo en los comentarios.
