Hoy te traigo un truco para cambiar el logo de WordPress en la pantalla de login. Un truco super chulo para tu WordPress muy sencillo y que aportará valor a tu imagen corporativa.
Aunque este truco es muy visual (no te va a aportar nada a SEO por ejemplo), sí que le vas a poder encontrar utilidad si tienes un sitio web donde mucha gente va a registrarse. Tus usuarios llegarán a tu sitio y encontrarán una imagen que les relaciona con él.
Recuerda que estamos en tiempos en que «una imagen vale más que mil palabras» y forzar a tus visitantes a estar leyendo la url no es muy práctico que digamos.
Pasarás de esto…
A esto!
Atractivo, cierto? Pues vamos..
La imagen que necesitas para nuestro truco para cambiar logo WordPress en la pantalla de login
Una imagen de tu logo o la imagen que quieras de 84×84 pixeles estará perfecta. Solo tendrás que añadirla en una carpeta en el directorio de tu tema. Si usas un child-theme como siempre recomendamos pues ahí.
Si necesitaras una imagen con otras dimensiones tendrás que adaptar el CSS del código que estamos comentando.
Código para añadir en functions.php
function my_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/img/tu-imagen.png);
height: 84px;
width: 84px;
background-size: cover;
background-repeat: no-repeat;
}
</style>
<?php }//end my_login_logo()
add_action( 'login_enqueue_scripts', 'my_login_logo' );Eso es todo, prueba y comentanos!
Si quieres ampliar la información que te estoy entregando aquí puedes ver las opciones que da WordPress.
Tip: puedes cambiar incluso el fondo gris que trae WordPress por defecto.
