Personalizar página de login en WordPress

Todo alergias

Existe una forma sencilla de personalizar la página de login de WordPress, cambiando la imagen del logotipo de WordPress por la que quieras. 

Prepara la imagen del logotipo al tamaño deseado

  1. Puedes hacerlo al mismo tamaño del logo de WordPress 326px de ancho x 67px de alto o cambiar el tamaño.
  2. Si cambias el tamaño deberás hacer algunos cambios de estilo en la función para que se vea correctamente.
  3. Nombra la imagen creada como login-personalizado.gif.
  4. Guárdala en la carpeta /images/ de tu tema.

Añade este código en el archivo functions.php de tu tema:

Si en lugar de un tema normal estás usando un child-theme (un tema hijo) usa este mismo código pero cambia la localización de la imagen, sustituyendo template_directory por stylesheet_directory.

function personalizar_login() {
    echo '<style type="text/css">
          h1 a { background-image:url('.get_bloginfo('template_directory').'/images/login-personalizado.gif) !important; }
    </style>';
}
add_action('login_head', 'personalizar_login');

Como ves el código es simple, lo único que hace es sustituir la imagen del fondo, background, en el estilo de la etiqueta h1 a que es la etiqueta que usa WordPress en el CSS de la zona de administración.

Si quieres hacer más cambios, como por ejemplo el tamaño del logo o la distancia del logotipo al formulario, puedes editar la función para adaptarla a tus necesidades.

Un comentario en “Personalizar página de login en WordPress

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>