Personalizar la pantalla de login en WordPress


28 noviembre, 2011
5 comentarios
por Héctor Garrofé

Aunque nuestros clientes sepan que estamos utilizando WordPress para desarrollar su proyecto, siempre queda bien personalizar un poco su interfaz y darle un toque más personal y profesional.

Para ello, yo hago un par de cosas, que evidentement aconsejo a todos los que uséis WordPress.

Lo primero que hago es sobrescribir algunos estilos de WordPress. En la mayoría de los casos cambio el logo y pongo una imagen de fondo. El logo, tal y como lo tengo programado, es una imagen de 320px por 170px y el fondo puede ser cualquier imagen.

Utilizo este código, que deberéis incluir en el functions.php de vuestro tema.

[crayon lang=”php”]
//Cambiar el logo del login
function logo_login_personalizado() {
echo ”

“;
}
add_action(“login_head”, “logo_login_personalizado”);
[/crayon]

Lo segundo, es un detalle que considero bastante básico y consiste en cambiar la URL a la que nos redirije el logo al hacer click sobre el.

Para ello usaremos este código, en el que solo deberéis sustituir la dirección por vuestra URL.

[crayon lang=”php”]
//Cambiar la URL del logo en la pantalla de login
function url_login_personalizado($url) {
return ‘http://www.hectorgarrofe.com’;
}
add_filter( ‘login_headerurl’, ‘url_login_personalizado’ );
[/crayon]

Y ya tenemos una pantalla de login completamente personalizada para nuestro WordPress.

Comentarios

  1. Dani dice:

    Buenas Héctor,

    Muy interesante el post aunque mi desconocimiento de WordPress me suscita una duda… ¿Qué diferencia hay entre añadir el código que nos planteas en functions.php a, simplemente, intercanviar ‘/img/logo.png’ por otro .PNG?

    ¡Muchas gracias por tu ayuda y tus post!

    1. hector dice:

      Muy sencillo Dani,

      Si simplemente modificas “logo.png” y lo sobrescribes, estas modificando el núcleo de WordPress. Así que con una actualización este se borrará y volverá a ser el que ya venía por defecto.

      En cambio, modificando tu functions.php conservarás el logo independientemente de las actualizaciones.

      Además, de esta manera estará integrado en tu tema. Así que simplemente instalando y activando el tema en otra instalación de WordPress, el logo de la pantalla de login cambiará automáticamente.

  2. leo dice:

    Hola Hector!

    Gracias por tu ayuda, pero quería hacerte una pregunta bastante básica. Sé como pegar el código en functions.php, pero no acabo de entender donde hay que ublicar la imagen.

    Hay que subirla y poner el enlace en algún sitio concreto? o hay que subirla a una carpeta específica dentro de wordpress? Gracias por tu tiempo!

    1. hector dice:

      Tal y como he colgado yo el código, en este trozo en concreto es donde defines la ruta de la imagen:

      get_bloginfo(‘template_directory’).”/img/logo.png”

      Para que te funcione has de subir la imagen a la carpeta /img de tu tema. Si no existe la carpeta, la creas, o modificas la ruta a tu antojo.

  3. […]  Personalizar la pantalla de login en WordPress […]

Deja un comentario

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