Cambiar fondo wp-admin y el icono de WordPress

Muchas de las páginas que hay ahora mismo en internet están hechas con WordPress. Podemos cambiar en el front-end de forma sencilla el logotipo y todo lo que haga referencia a WordPress, pero apartados más escondidos como el acceso a WP-ADMIN no son tan fáciles de cambiar para un usuario sin conocimiento de código. Para nuestra página web quería nuestra linea gráfica en todos los lugares posibles, por lo que busque el webhook correspondiente para cambiar en WP-ADMIN el logo y el fondo. 

Para cambiar el icono de WordPress en el formulario de inicio de sesión (wp-login.php), puedes agregar CSS personalizado para reemplazar la imagen por defecto con una imagen personalizada. Aquí te muestro cómo hacerlo:

  1. Prepara una imagen personalizada que quieras utilizar como icono de WordPress. Asegúrate de que sea del tamaño adecuado y tenga un formato compatible (como PNG, JPG, etc.).

  2. Sube la imagen a tu servidor. Puedes colocarla en la carpeta de tu tema activo o en cualquier otra ubicación accesible.

  3. Modifica tu archivo functions.php en el directorio de tu tema activo. 

				
					function custom_login_stylesheet() {
    wp_enqueue_style('custom-login', get_stylesheet_directory_uri() . '/custom-login.css');
}
add_action('login_enqueue_scripts', 'custom_login_stylesheet');
				
			
Abre tu archivo custom-login.css y agrega el siguiente código para cambiar el icono de WordPress:
				
					body.login h1 a {
    background-image: url('URL_DE_LA_IMAGEN'); /* Reemplaza 'URL_DE_LA_IMAGEN' con la URL de tu imagen personalizada */
    background-size: contain;
    width: 100%;
    height: 84px; /* Ajusta esto según el tamaño de tu imagen */
}

/* Opcional: oculta el texto del título */
body.login h1 a span {
    display: none;
}

				
			

Asegúrate de reemplazar 'URL_DE_LA_IMAGEN' con la URL de la imagen que subiste.

  1. Guarda los cambios en tu archivo CSS personalizado.

  2. Ve a tu página de inicio de sesión de WordPress (wp-login.php) y deberías ver el icono de WordPress cambiado según la configuración que hiciste en tu archivo CSS personalizado.

Siguiendo estos pasos, deberías poder cambiar tanto el fondo como el icono de WordPress en el formulario de inicio de sesión de WordPress. Recuerda realizar copias de seguridad de tus archivos antes de hacer cambios importantes.

¿Necesitas ayuda?. Contáctanos sin compromiso.

FORMULARIO DE CONTACTO

Comparte nuestro post:

Post relacionados

Prestashop modo DEBUG

Para activar el modo de depuración (debug mode) en PrestaShop, sigue estos pasos: Accede al servidor FTP: Utiliza un cliente de FTP como FileZilla para

Leer más