Cambia el aspecto del login de WordPress

WordPress cambiar url de acceso

La pantalla de inicio de sesión de WordPress es una de las más genéricas, todos hemos visto lo mismo, partes de un sitio de WordPress. Y, curiosamente, es una de las cosas más difíciles de modificar. No hay funciones integradas para añadir tu logotipo o cambiar el aspecto general.

En este artículo, te mostraré en unos pocos pasos cómo empezar a modificar la pantalla de inicio de sesión para que los usuarios experimenten un aspecto personalizado y de marca. Fui más allá con este diseño sólo para mostrar cómo dramáticamente el formulario de inicio de sesión puede ser estilizado usando un simple mod para el archivo functions.php y algunos CSS.

He dividido esto en secciones, para que pueda cambiar sólo las partes que desee. Es posible que sólo desee cambiar algunos elementos, cambiar algunas fuentes, ajustar algunos fondos, y llamarlo bueno. Para aquellos que quieren un lavado de cara completo, se puede hacer un cambio muy dramático, como se puede ver en mi ejemplo. Así que, espere y en poco tiempo tendrá un formulario de inicio de sesión de WordPress muy estilizado.

Una de las partes más frustrantes de cambiar la pantalla de inicio de sesión es que necesitas añadir unas pocas líneas de código a tu archivo functions.php para decirle a WordPress que quieres una hoja de estilos diferente para la pantalla de inicio de sesión. El login es una página única en WordPress, desafortunadamente, pero por seguridad y otras razones, así es como es.

Loginpress plugin wordpress

Cuando creas un sitio web para un cliente, su primera impresión de tu trabajo suele ser la página de inicio de sesión de WordPress. Sin embargo, por defecto, todas las páginas de inicio de sesión de WordPress son exactamente iguales. Esta no es precisamente una buena impresión inicial.

Afortunadamente, hay muchas maneras de personalizar la pantalla de inicio de sesión de WordPress. Esto incluye cambios visuales, como sustituir el logotipo de WordPress por la marca de su cliente, y también modificaciones funcionales. Con unos simples ajustes, puede crear una pantalla de inicio de sesión que sorprenderá a sus clientes desde el primer momento.

La página de inicio de sesión de WordPress es la forma en que los administradores y otros usuarios registrados acceden al panel de control de WordPress. Por defecto, la pantalla de inicio de sesión cuenta con el logotipo de WordPress reconocible y la marca, además de campos donde puede introducir su nombre de usuario y contraseña:

Esta configuración estándar puede ser perfectamente aceptable cuando usted es la única persona que accede al back-end de WordPress. Sin embargo, si usted está creando un sitio para un cliente, es posible que desee considerar la personalización de la pantalla de inicio de sesión por defecto.

Custom login page wordpress elementor

Si tiene un sitio de membresía de WordPress o una tienda en línea, entonces muchos de sus usuarios verán la página de inicio de sesión a menudo. Personalizar la página de inicio de sesión predeterminada de WordPress le permite ofrecer una mejor experiencia de usuario.

Los propietarios de sitios web pueden personalizar la página de inicio de sesión de WordPress utilizando diferentes estilos y técnicas. Algunos crean una página de inicio de sesión personalizada que utiliza el tema y los colores de su sitio web. Otros modifican la página de inicio de sesión por defecto añadiendo un fondo, colores y logotipo personalizados.

WPForms es el mejor plugin de formularios de contacto para WordPress del mercado. Casualmente, su plugin también incluye un complemento para crear hermosos formularios de inicio de sesión y registro en WordPress, que le mostraremos más adelante en este artículo.

Theme My Login es un plugin gratuito que cambia tu página de inicio de sesión para que coincida con tu tema de WordPress. No es muy personalizable, pero sustituirá a la página de inicio de sesión predeterminada de WordPress y tendrá un aspecto un poco más profesional.

Theme My Login también te permite usar shortcodes para crear páginas de inicio de sesión y registro personalizadas. Puedes simplemente crear una página para cada acción y luego añadir el slug de la página aquí para que el plugin pueda encontrar y redirigir a los usuarios correctamente.

Código de la página de inicio de sesión personalizada de WordPress

add_action(‘login_head’, ‘custom_login_logo’);Lo que hace el código anterior es evitar que el encabezado que tiene el logotipo se muestre usando CSS visibility:hidden para ocultar el elemento. Otra propiedad CSS que puedes utilizar para ocultar el elemento es display:none. Sin embargo, a diferencia de la propiedad anterior que puede conservar el espacio, display:none ocultará por completo el elemento y su espacio por lo que el formulario de inicio de sesión puede ocupar el espacio y hacer que se vea alineado en la parte superior.Cambiar el logotipoPara cambiar el logotipo en su página de inicio de sesión de WordPress utilizando código personalizado, debe colocar el siguiente código y cambiar la URL de la imagen de muestra (http://example.com/your-logo.png) por la URL de su logotipo.function my_custom_login_logo() {