Aprende en este tutorial cómo introducir un logotipo personalizado en la página de acceso a WordPress (login) mediante código.
Por defecto, la página de identificación en WordPress muestra su logo justo encima de los campos de «Nombre de usuario» y «Contraseña».
Pero ¿qué pasa si en lugar de ver el de WordPress prefieres visualizar un logotipo personalizado?
Pues nada, porque es muy sencillo cambiarlo, ya verás. 😉
Este sería el resultado:
Pequeños detalles como este ayudan a que tus clientes sientan un poco más suya la página web.
Aquí tienes cómo hacerlo:
Snippet para personalizar el logo de la página de acceso a WordPress
Añade el siguiente fragmento al final del fichero functions.phpo a tu plugin de funcionalidades:
Para ver este código y los otros 2107 snippets de esta web,
identifícate o suscríbete aquí.
Así de sencillo, ¿ves?
Ahora solo tienes que agregar el logotipo en la carpeta /images/ de la carpeta raíz de tu child theme de Genesis, con el nombre logo.png.
En el caso de que quieras hacerlo a través de un plugin de funcionalidades, sustituye la línea:
$dir = get_stylesheet_directory_uri() . '/images';por esta:
$dir = plugin_dir_url( __FILE__ ) . 'images';y coloca la imagen dentro de la carpeta /images/ de tu plugin.
Si lo deseas, puedes cambiar tanto la ruta como el nombre y extensión de la imagen en el snippet anterior, además de ajustar su tamaño a tu gusto.
Conclusión
Con unas pocas líneas de código puedes personalizar el logotipo que se muestra en la pagina de acceso a WordPress (login).
Estoy convencido de que tus clientes valorarán mucho este tipo de detalles.
¿Tienes alguna pregunta o quieres darme una sugerencia para próximos snippets. Déjala en los comentarios.
Ventajas de ser suscriptor. 😉
