Cuando creas un sitio web, tu primer contacto con él suele ser la página de inicio de sesión de WordPress. Pero por defecto, todas las páginas de inicio de sesión de WordPress se ven exactamente igual. Afortunadamente, hay muchas formas de personalizar la pantalla de inicio de sesión de WordPress, pudiendo conseguir cambios visuales, como reemplazar el logotipo de WordPress por el tuyo, e incluso modificaciones funcionales. Con unos pocos ajustes muy sencillos, puedes crear una pantalla de inicio de sesión súper personalizada.
En este artículo, te mostraremos cómo personalizar cada parte de la página de inicio de sesión de WordPress en pocos pasos y en menos de 10 minutos. ¡Empecemos!
Cómo personalizar tu página de inicio de sesión en WordPress
Puedes crear una pantalla de inicio de sesión de WordPress totalmente personalizada utilizando una variedad de plugins y herramientas, pero en este pequeño tutorial, utilizaremos el plugin LoginPress.
Una vez que lo haya instalado y activado, vuelve aquí para que te enseñemos cómo personalizar tu página en tan solo unos minutos.
- Accede al personalizador de LoginPress
Podrás rediseñar visualmente tu página de inicio y agregar funciones adicionales utilizando el editor de LoginPress. Para acceder a esta herramienta, ve a “LoginPress > Customizer” en el panel de control de WordPress.
Si estás accediendo a LoginPress por primera vez, se te pedirá primero que aceptes la recopilación de datos del plugin. Puedes optar por permitir o denegar esta solicitud según lo desees.
- Cambia el nombre de la pantalla de inicio de sesión de WordPress
Puedes usar LoginPress para nombrar la pantalla de inicio de sesión de WordPress con una marca personalizada. Esto puede hacer que obtengas una experiencia mucho más personalizada en tu panel de administración de WordPress.
Si lo deseas, es posible eliminar el logotipo de WordPress. En el menú de la barra lateral, selecciona Logotipo. A continuación, puede hacer clic en “Imagen del logotipo > Seleccionar imagen” y elegir el archivo que quieras utilizar en su lugar.
En esta misma pantalla, también es posible proporcionar un título a la página de inicio de sesión. Este será el texto que aparezca en la pestaña del navegador.
Y si lo deseas, puedes eliminar el logotipo de tu página de inicio personalizada usando la opción “Desactivar logotipo”.
- Cambia la imagen de fondo
Uno de los cambios más frecuentes que la gente desea, es poder cambiar la imagen de fondo de la página de inicio de sesión de WordPress. Para reemplazar el fondo gris típico al que WordPress nos tiene tan acostumbrados, selecciona “Imagen de fondo > Seleccionar imagen”. A continuación, podrás elegir el archivo que deses utilizar para tu nuevo fondo personalizado.
Si lo prefieres, también puedes usar un vídeo para tu fondo. Esto puede crear un efecto muy llamativo y diferenciador, aunque también puede consumir demasiados recursos. Los vídeos pueden afectar los tiempos de carga de la página. Si aun así decides crear un fondo animado, selecciona “Habilitar vídeo de fondo”.
Esto te llevará a la configuración que necesitas para cargar tu vídeo. Desde ahí podrás configurar cómo aparece tu nuevo fondo en la pantalla de inicio de sesión, y esto incluye silenciar el vídeo, si es necesario.
- Personaliza el cuadro del formulario de inicio de sesión
También puedes cambiar el formulario de inicio de sesión predeterminado. Esto incluye cambiar la imagen o el color de fondo, y el color de las diversas etiquetas que aparecen dentro del formulario, como la casilla de verificación “Recuérdame”.
Para cambiar el fondo del formulario, selecciona ”Color de fondo del formulario”. A continuación, puedes utilizar el selector de color para elegir su nuevo aspecto:
Pero si lo que quieres es eliminar el recuadro del formulario de inicio de sesión por completo, y hacer que se funda con el fondo, ¡también puedes! Utilizando el control deslizante “Habilitar transparencia del formulario”. Esto puede ser útil si estás diseñando una página de inicio de sesión de WordPress personalizada, optimizada y muy simplificada. También puedes crear un efecto interesante si estás usando una imagen de fondo muy recargada o particularmente llamativa y no quieres que quede cubierta.
Si lo deseas, podrás cambiar el color de las etiquetas de texto que aparecen en el formulario de inicio de sesión. Por ejemplo, puede facilitar la lectura de estas etiquetas si las contrastas con la imagen de fondo. En la parte inferior de esta pantalla, encontrarás la configuración de “Color de la etiqueta”. Esto controla el color de las etiquetas de los campos “Nombre de usuario” o “Correo electrónico” y “Contraseña”.
Por último, en este apartado también puedes cambiar el color de la etiqueta “Recuérdame”. Para personalizar este texto, haz clic en el control deslizante “Etiqueta de color de Recuérdame” y utiliza los controles que se despliegan.
- Reemplaza los mensajes de error predeterminados
WordPress tiene una serie de mensajes de error predeterminados que muestra si alguien ingresa tu nombre de usuario o contraseña incorrectamente. Estos mensajes de error identifican claramente el problema. Por ejemplo, dicen “Nombre de usuario no válido” o “La dirección de correo electrónico no es correcta” para indicar qué credencial impide que el usuario obtenga acceso al sitio web.
Si buscas una personalización total, puedes usar LoginPress para personalizar estos mensajes de error. Por ejemplo, puedes editar estos mensajes predeterminados para proporcionar más información sobre cuál es el error y cómo resolverlo.
Si bien los mensajes predeterminados de tipo informativos pueden ayudar a los usuarios a acceder a sus cuentas de WordPress, también pueden proporcionar información útil para los piratas informáticos. En ocasiones, terceras personas con malas intenciones, pueden intentar acceder a sitios web utilizando combinaciones de contraseñas y nombres de usuario comunes. Los mensajes de error predeterminados pueden ayudar a los piratas informáticos a identificar cuándo ingresaron un nombre de usuario o contraseña correctos.
Para ayudar a proteger el panel de administración de WordPress, es posible que desee que estos mensajes de error sean más genéricos. Para editarlos, selecciona “Mensajes de error” en el menú “Customizer”.
Ahí podrás realizar los cambios deseados en todos los mensajes de error de inicio de sesión que quieras. Estos campos son compatibles con el formato HTML, lo cual te permite añadir algunos elementos de estilo, como texto en negrita y cursiva.
Ahora ya sabes cómo puedes personalizar tú mismo tu página de inicio de sesión en WordPress. ¿Prefieres que nos encarguemos nosotros de personalizar tu sitio a tu gusto y beneficio? Contáctanos y estaremos más que encantados en optimizar tu espacio de trabajo web.
Deja una respuesta