Cambiar logo de inicio de sesión de WordPress

Cambiar logo de inicio de sesión de WordPress

Vamos a aprender cómo personalizar el logo de la página de login de WordPress (wp-admin) sin usar plugins.

Aviso
Si trabajáis con functions.php aseguraos de hacerlo en un child theme ya que si insertáis el código en el theme normal y luego actualizáis el theme, los cambios se perderán.

1.- Accede a Plesk y selecciona el dominio que deseas editar.

2.- En httpdocs/ entra en el directorio /wp-content/themes (Elige el tema que tienes activado, el cuál deseas realizar la modificación) y agrega la imagen/ logotipo de tu empresa y/o marca.

Ruta: ../wp-content/themes/nombredeltema/tuimagen.jpg

Sugerencia
Agrega una imagen con un tamaño predeterminado, por ejemplo: 150×150 px.

3.- Edita el archivo functions.php de tu theme:

Accede a la siguiente ruta dentro

/wp-content/themes/nombredeltema/functions.php

Y agrega el siguiente código:

 

<?php 
function mi_login_logo_one() { 
?> 
<style type="text/css"> 
body.login div#login h1 a { 
background-image: url(https://minombrededominio.com/elnombredemilogo.png); 
padding-bottom: 10px; 
} 
.login h1 a { 
background-size:200px !important; 
width:200px !important; 
} 
</style> 
<?php } add_action( 'login_enqueue_scripts', 'mi_login_logo_one' );

 

Alerta
Cambia el «nombredelaimagen.jpg» del código por el nombre de tu imagen, por ejemplo: «elnombredemilogo.jpg» También podrás agregar y/o modificar tu propio código CSS.