Personalizar la zona de login en WordPress

apariencia-zona-login-por-defecto

Apariencia zona login por defecto

Ver tantas veces el logo que viene por defecto tras la instalación de WordPress puede resultar un tanto aburrido, así que hoy veremos cómo darle un aspecto más profesional ya sea bien para tu sitio web o para el de algún cliente.

El hecho de tener tu zona de login personalizada siempre es un punto que resulta interesante, ya que resulta más vistoso y más si es para otros usuarios del sitio.

Esto se realiza sencillamente añadiendo unos pequeños hooks a nuestro fichero de functions.php

Así que sin más preámbulos vamos a ver de qué manera se puede hacer.

Simplemente vamos al fichero functions.php de nuestro tema que está activo y copiamos el siguiente código.

add_action("login_head", "my_login_head");
function my_login_head() {
    echo '
    <style>
    body.login #login h1 a {
        background: url("'.get_bloginfo('template_directory').'/img/mi-logo.jpg") no-repeat scroll center top transparent;
        // Aquí añadimos las reglas CSS que deseemos
    }
    </style>
    ';
}
apariencia-zona-login-personalizada

Apariencia zona login WordPress personalizada.

Le indicamos la ruta donde se encuentra nuestra imagen que deseamos situar en la zona del login mediante la propiedad background como observamos en las lineas de arriba. De tal forma que quedaría como vemos a continuación, en un caso particular.

Sobre la imagen que hemos situado se crea un link sobre el que al hacer click nos lleva a la URL que indique. Si es por defecto, nos lleva a la página de WordPress en español. Esta parte también se puede customizar como vemos a continuación, de tal forma que cuando cliqueemos nos llevará a la URL que hayamos predefinido.

Además también personalizaremos el título que se mostrará cuando acerquemos el puntero sobre la imagen. Vamos a ver las dos funciones que realizan estos puntos.

// personalizar url logo acceso
add_action( 'login_headerurl', 'my_custom_login_url' );
function my_custom_login_url() {
return 'http://www.misitioweb.es';
}
 
//Cambiar texto title del logo de login
add_action("login_headertitle","my_custom_login_title");
function my_custom_login_title()
{
return 'Sitio creado por mí';
}

De igual forma copiaremos estas funciones a nuestro fichero functions.php de wordpress y escribiremos los valores que deseemos mostrar.

Ahora ya le hemos dado un toque más personal a nuestra zona de login de administración del sitio web.

Espero que os haya sido de utilidad este post, gracias por vuestro tiempo y un saludo. 🙂

Valora y comparte

Valoraciones: 1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (1 voto, media: 5,00 sobre 5)
comments powered by Disqus

Suscríbete al Blog

Recibe las últimas novedades en tu correo y llévate GRATIS una guía de atracción para tu fanpage de Facebook. No Spam.

Ya te has suscrito! Gracias!