Cómo cambiar el logo de WordPress en la página de login

Algo que casi nunca me había parado a mirar, ya fuese por flojera o porque no era necesario para ningún proyecto, era el poder cambiar el logo de WordPress en el login.

Admitamos que está chulo tener tu propio logo ahí, ¿o qué?

Como suele pasar alguien (en este caso el mismo WordPresss) tiene fabulosamente documentado cómo se hace aquí: https://codex.wordpress.org/Customizing_the_Login_Form

Yo me he creado esta chuleta que dejo aquí para quien le sirva.

Ve al functions.php de tu tema (recuerda siempre crear un tema child) y añades el siguiente código. Podrás jugar con el height y width pero a mí ese me cuadró muy bien y prefiero hacer la imagen de ese tamaño y no complicarme más. Si encuentras un mejor hack me cuentas.

// Modificación del logo WordPress en página de Login
function my_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(mi-imagen.png);
		height:100px;
		width:300px;
		background-size: 300px 130px;
		background-repeat: no-repeat;
		background-attachment:fill;
        padding-bottom: 30px;
        }
		/* En caso de querer colocar un mensaje antes del login */
		#loginform:before {
			content:"Mi mensaje personalizado";
		}
		/* Un poquito de espacio entre el mensaje y la caja de login */
		.login label {
			margin-top: 10px;
		}
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );




function my_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );

function my_login_logo_url_title() {
    return 'El título de mi sitio o lo que yo quiera como title';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );
Suscribirte
Notificación de
guest

1 Comment
lo más antiguo
lo más nuevo lo más votado
Inline Feedbacks
View all comments
Bridgy Response
4 meses hace

Este Article fue mencionado en brid.gy

RELACIONADO

Hacer que una lista de elementos se coloque como una frase separada por comas

Cuando tenemos una lista de cosas en HTML se hace con el famoso ul > li. En algunos casos puede que queramos que en lugar de aparecer por bloques se componga en una frase donde cada elemento se separa del otro por una coma. Obviamente haciendo que al final no haya coma. Para ello el código que necesitamos es: .post-categories { display: inline; list-style: none; } .post-categories li…

javascript – How to hide the Google Invisible reCAPTCHA badge – Stack Overflow

Esto del recaptcha nos está salvando de un montón de rollos de spam. Ojalá y https://www.hcaptcha.com/ se empiece a poner más en uso en plugins y sitios, porque así no abrimos más puertas a Google. Mientras tanto al menos con trucos así podemos ocultar ese horrible badge que aparece en toda página. .grecaptcha-badge { visibility: hidden; } Origen: javascript - How to hide the Google Invisi…

Cambiar permisos de archivo via SSH

Para poder cambiar el permiso de un archivo tendrás que llegar hasta donde está. Recuerda que eso se hace con cd .. Una vez en la carpeta debes poner sudo chmod 644 nombre_archivo Y si es recursivo para todos los archivos de una carpeta con -R sudo chmod -R 644 carpeta Gracias Santiago García Gago…