TodoTutoriales, los mejores tutoriales en español

Todotutoriales

Los mejores tutoriales gratis en español

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.

Categorías: Diseño web, WordPress
Etiquetas: , , , ,

Si te ha gustado este tutorial, subscríbete al feed RSS de todotutoriales.es.

Un comentario

  1. mira y cómo puedo quitar el link a wordpress?

Envía tu comentario

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.

Volver arriba