Cambiar el logo del login sin plugins

Cambiar el logo del login de WP sin plugins

¿Qué es un Snippet y para que sirve?

Un Snippet es un fragmento de código que aporta ciertas funciones a tu web sin la necesidad de instalar un plugin para ello.

La forma mas sencilla de añadir ese fragmento de código en tu web (hay varias) es usando el mega conocido plugin Code Snippets.

¿Cómo se instala Code Snippets?

Desde el repositorio de WodrPress busca «Code Snippets», lo instalas y lo activas.

¿Cómo se añade un fragmento de código?

Busca en el menú de tu backoffice «Fragmentos de código» con el icono de unas tijeras, y clica en Añadir nuevo, pones un título y pegas el snippet que de dejo en este tutorial.

Puede que no sea algo estrictamente necesario, pero es posible que quieras cambiar el logo del login sin plugins.

Me refiero al logo de WordPress que aparece al clicar www.tuweb.com/wp-admin

Para ello existen muchos plugins que cambian radicalmente el aspecto de ese login, pero si no quieres instalar innecesariamente un pluguin para tan poca cosa y solo quieres cambiar ese logo, te dejo un pequeño fragmento de código para hacerlo.

Es importante que el logo que vayas a usar lo hayas subido a tu galería.

Se recomienda un logo PNG transparente de entre 300-400px de ancho por no más de 100px de alto.

				
					//Cambiar el logo (sustituye la URL de la linea 8 por la URL de tu imagen)
add_action( 'login_enqueue_scripts', 'bs_change_login_logo' );
function bs_change_login_logo() { ?> 

<style type="text/css"> 
  
#login h1 a {
background-image: url(https://tuweb.com/wp-content/uploads/2025/12/logo.png);
} 
					  
</style>
					  
<?php }



//Cambia la URL del logo (sustituye la URL de la linea 20 por la URL de tu web)		  
add_filter( 'login_headerurl', 'bs_login_logo_url' );
function bs_login_logo_url($url) {
    return 'https://tuweb.com/';}
				
			

Ahora tenemos que hacer dos cambios, yo he puesto URLs de ejemplo.

Pero tú has de poner en la línea 8 la URL de la imagen que quieras mostrar (entra en tu galería de medios y clica en «Copiar la URL» que aparece al pasar el ratón por encima de la nueva imagen).

Y también poner la URL a la que quieras que se redirija cuando alguien haga clic en el logo, lo normal es poner la URL de la página de inicio de tu web, aunque puedes poner la que quieras.

Recuerda que para insertar el fragmento de código, te recomiendo usar Code Snippets.

Comparte en tus Redes Sociales

Facebook
Pinterest
Twitter
LinkedIn