Cómo cambiar fácilmente el logo de inicio de sesión en WordPress

Personalizar la pantalla de inicio de sesión de WordPress es una de las formas más sencillas de personalizar tu sitio o mejorar la coherencia de la marca. Tanto si estás creando un sitio para un cliente como si gestionas tu propio proyecto, reemplazar el logo predeterminado de WordPress por el tuyo es rápido y eficaz. En este tutorial, te guiaremos sobre cómo cambiar el logo de inicio de sesión de WordPress — no se requiere conocimiento de programación.

 Método 1: Usar un plugin (Fácil para principiantes)

La forma más sencilla de cambiar el logo de inicio de sesión es usando un plugin.

Pasos:

• Ve a Plugins → Añadir nuevo en tu panel de WordPress.
• Busca LoginPress e instálalo.
• Activa el plugin.
• Ve a LoginPress → Customizer.
• Haz clic en Logo y sube tu imagen personalizada.
• Guarda los cambios.

 El plugin reemplaza automáticamente el logo predeterminado en tu página de inicio de sesión en yourdomain.com/wp-login.php.

 Método 2: Cambiar el logo manualmente (Usuarios avanzados)

¿Prefieres evitar plugins? Puedes cambiar el logo manualmente editando el functions.php de tu tema.

Pasos:

1. Sube tu logo (idealmente 80x80px) a la carpeta images de tu tema o a la Biblioteca de medios.
2. Abre functions.php en el directorio de tu tema.
3. Añade el siguiente código:

function custom_login_logo() {
    echo '
    <style type="text/css">
        h1 a {
            background-image: url(' . get_stylesheet_directory_uri() . '/images/custom-logo.png) !important;
            background-size: contain !important;
            width: 100% !important;
        }
    </style>';
}
add_action('login_head', 'custom_login_logo');

💡 También puedes usar wp_get_attachment_url() si subiste el logo a través de la Biblioteca de medios.

 Bonus: Cambiar el enlace de la URL de inicio de sesión

De forma predeterminada, el logo de inicio de sesión redirige a

. Puedes cambiarlo a tu página de inicio:

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

Y personalizar el título (texto al pasar el cursor):

function custom_login_logo_url_title() {
    return 'Welcome to Your Site!';
}
add_filter('login_headertext', 'custom_login_logo_url_title');

 Consejos para obtener los mejores resultados

• Usa un logo PNG transparente para una estética más limpia.
• Mantén el logo por debajo de 100 KB para reducir el tiempo de carga.
• Si usas un child theme, realiza todas las ediciones allí para evitar pérdidas después de las actualizaciones.

 Conclusión

Reemplazar el logo predeterminado de inicio de sesión de WordPress toma solo unos minutos y mejora al instante la marca de tu sitio. Tanto si eliges un plugin como si optas por hacerlo manualmente, ambos métodos son simples y eficaces.