Cómo usar LoginPress para personalizar la página de inicio de sesión de WordPress










  • ¿Alguna vez ha intentado cambiar la apariencia o la funcionalidad de la página de inicio de sesión predeterminada de WordPress? Si es así, sabe que puede ser un trabajo complicado que implica editar archivos básicos de WordPress. ¡ La buena noticia es que hay un complemento para eso!  Usaremos el Personalizador de página de inicio de sesión personalizado de LoginPress para hacer el trabajo.

    Hacer que su página de inicio de sesión de WordPress sea única

    Si usted es el único usuario de WordPress para su sitio, probablemente nunca pensó mucho en la página de inicio de sesión predeterminada. Pero si tiene otros usuarios o colaboradores, es posible que desee que la página de inicio de sesión coincida mejor con el diseño de su sitio web. O bien, puede que simplemente esté buscando una manera de mejorar la experiencia de su usuario.

    LoginPress facilita ese tipo de cambios. No solo puede cambiar la apariencia de la página de inicio de sesión, sino que también puede cambiar la mensajería predeterminada. Eso es algo que de otro modo requeriría cambios complicados en los archivos de inicio de sesión de WordPress y justifica por sí solo la instalación del complemento.

    Cómo agregar LoginPress a WordPress

    Instalemos el complemento y veamos cómo funciona.

    1. Instalación del complemento LoginPress

    Inicie sesión en su panel de administración de WordPress.

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «Complementos» y haga clic en el enlace «Agregar nuevo».

    pase el mouse sobre el enlace "Complementos" y haga clic en el enlace "Agregar nuevo"

    En el cuadro «Buscar complementos…», ingrese «LoginPress».

    busque el complemento WordPress LoginPress

    Cuando encuentre el complemento, haga clic en el botón «Instalar ahora».

    haga clic para instalar el plugin de WordPress LoginPress

    Ahora el complemento está instalado, pero debe activarse antes de poder usarlo.

    Haga clic en el botón «Activar».

    haga clic para activar el plugin de WordPress LoginPress

    Eso completa la instalación y la activación. Ahora pasemos a instalar y ejecutar el complemento en su sitio web.

    2. Configuración de LoginPress

    Tan pronto como se activa el complemento, agrega una imagen de fondo a su página de inicio de sesión.

    Imagen de fondo del complemento de WordPress de LoginPress

    Antes de realizar cualquier cambio en la página de inicio de sesión, hay algunas configuraciones predeterminadas que quizás desee ajustar.

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «LoginPress» y haga clic en el enlace «Configuración».

    LoginPress WordPress plugin haga clic en el enlace "Configuración"

    La primera vez que acceda al complemento, le pedirá permiso para recopilar datos sobre su sitio. Si prefiere no enviar los datos de su sitio, haga clic en el enlace «Omitir este paso».

    La página «Configuración» le da acceso a media docena de configuraciones.

    Página de configuración del complemento de WordPress de LoginPress

    Página de configuración del complemento de WordPress de LoginPress

    • Session Expire establece el tiempo de vencimiento de la sesión de administración en minutos. Lo que significa que si no hay actividad en la sección de administración durante XX minutos, se cerrará la sesión. De forma predeterminada, no se establece ningún tiempo de espera.
    • Recordarme automáticamente le permite preseleccionar la opción «Recordarme» en la página de inicio de sesión. Está deshabilitado por defecto.
    • Campos de contraseña personalizados le permite agregar campos de contraseña personalizados al formulario de registro. Está deshabilitado por defecto.
    • El orden de inicio de sesión le permite elegir si desea solicitar el nombre de usuario o la dirección de correo electrónico para iniciar sesión (o ambos).
    • Restablecer configuración predeterminada elimina cualquier personalización que haya realizado y restablece los valores predeterminados del complemento.
    • Remove Settings on Uninstall elimina las tablas de la base de datos cuando se desinstala el complemento. Está deshabilitado de forma predeterminada, por lo que la configuración del complemento permanecerá si se desinstala el complemento.

    Haga clic en el botón «Guardar cambios» si realiza algún cambio en la configuración.

    LoginPress Complemento de WordPress, haga clic en el botón "Guardar cambios"

    3. Cambiar el fondo de su página de inicio de sesión

    La imagen de fondo que ha proporcionado el complemento es hermosa, pero cambiémosla y comencemos con nuestro inicio de sesión personalizado.

    Los cambios en la apariencia del formulario se realizan en el personalizador de WordPress . Para acceder a él, en la navegación de la columna izquierda, pase el mouse sobre el enlace «LoginPress» y haga clic en el enlace «Personalizador».

    Hay muchas opciones disponibles. Algunos de ellos requieren que compre la versión «pro» del complemento. Nos centraremos en lo que está disponible en la versión gratuita.

    Opciones de personalización del plugin de LoginPress WordPress

    Para acceder rápidamente a ciertas funciones, coloque el mouse sobre la vista previa de la página de inicio de sesión. Verá aparecer una serie de enlaces de edición.

    Primero haremos clic en el icono «Cambiar fondo».

    LoginPresione el mouse del complemento de WordPress sobre los enlaces de edición, cambie el fondo

    Hay una serie de imágenes proporcionadas por el complemento. Puede hacer clic en uno de ellos para cargarlo en la vista previa.

    Pero también puede proporcionar su propia imagen, ya sea subiéndola o desde la Biblioteca multimedia.

    En la columna de la izquierda, desplácese hacia abajo y haga clic en el botón «Seleccionar imagen».

    LoginPress WordPress plugin haga clic en el botón "Seleccionar imagen"

    Eso abrirá la superposición de imágenes de WordPress, lo que le permitirá cargar una imagen o elegir una de la Biblioteca de medios.

    Elegí una imagen de la biblioteca multimedia y la agregué como fondo.

    LoginPress WordPress plugin nuevo fondo

    Para guardar sus cambios en cualquier momento, haga clic en el botón «Publicar» en la columna de la izquierda.

    Además de configurar una imagen de fondo de la página, también puede configurar una segunda imagen como fondo del formulario.

    4. Modificar el fondo del formulario de inicio de sesión

    Haga clic en «Personalizar formulario de inicio de sesión» en la columna de la izquierda.

    Luego, en «Imagen de fondo del formulario», haga clic en el botón «Seleccionar imagen».

    Imagen de fondo del formulario de selección del complemento de WordPress de LoginPress

    Aquí, he seleccionado otra imagen de la Biblioteca multimedia y se convierte en el fondo del formulario.

    Imagen de fondo del formulario del complemento de WordPress de LoginPress

    Si bien todavía estamos en la sección «Personalizar formulario de inicio de sesión», hay otra forma de presentar la imagen de fondo de su página.

    Haga clic en el botón de alternancia «Habilitar transparencia de formulario» y observe lo que sucede.

    Formulario transparente del plugin de WordPress LoginPress

    5. Cambiar el color y el tamaño del texto de la página de inicio de sesión

    Ese formulario transparente es muy bueno, pero ahora no podemos leer todo el texto alrededor del formulario.

    Lo arreglaremos cambiando el texto a un color más claro y haciéndolo más grande y más fácil de leer.

    Pase el mouse sobre la vista previa y haga clic en el enlace «Personalizar navegación».

    LoginPress Complemento de WordPress, haga clic en el enlace "Personalizar navegación"

    En la columna de la izquierda, cambiaremos el color del texto del pie de página y aumentaremos el tamaño de la fuente.

    El complemento de LoginPress WordPress cambia el color del texto del pie de página

    Ahora los enlaces «contraseña perdida» y «atrás» son legibles y más prominentes.

    El complemento de LoginPress WordPress cambió el color del texto del pie de página

    6. Cambiar otros elementos de la página

    Cada elemento de la página se puede cambiar de la misma manera que cambiamos las imágenes de fondo y el texto del formulario. Estos son solo algunos de los aspectos más destacados.

    El color, el tamaño y el relleno del botón se pueden cambiar:

    LoginPress Color del botón del plugin de WordPress

    Todos los mensajes de error del formulario de inicio de sesión se pueden editar:

    Mensajes de error del complemento de WordPress de LoginPress

    Todos los cuadros de diálogo del formulario de inicio de sesión se pueden editar:

    Diálogos de inicio de sesión del plugin de WordPress LoginPress

    Prácticamente todos los elementos de las páginas de inicio de sesión, registro y contraseña perdida se pueden cambiar y ajustar. Incluido:

    • Logo
    • Fondo
    • Formulario de inicio de sesión
    • Formulario de contraseña olvidada
    • Botones
    • Error de mensajes
    • Mensajes de bienvenida
    • Pie de página del formulario

    Qué sucede si desinstala el complemento LoginPress

    Si desinstala el complemento, su página de inicio de sesión volverá al inicio de sesión predeterminado de WordPress.

    El complemento crea entradas en la tabla de la base de datos de opciones que no se eliminan cuando se desinstala el complemento. (Incluso si activó la configuración «Eliminar configuración al desinstalar»).

    Si necesita eliminar las entradas de la base de datos , busque las filas de opciones que contienen «loginpress».

    Así es como se ven en phpMyAdmin:

    busque opciones que contengan "loginpress"

    Nunca ha sido tan fácil personalizar la página de inicio de sesión de WordPress

    Todos los complementos de WordPress usan recursos del servidor y pueden potencialmente agregar tiempo a las cargas de la página. Pero teniendo en cuenta lo fáciles que son los cambios en la página de inicio de sesión con LoginPress, la compensación puede estar justificada.

    Cuando considera lo que implica hacer cambios manualmente en la página de inicio de sesión, puede ver los beneficios de usar LoginPress. Le ahorrará una gran cantidad de tiempo y problemas.

    La versión paga del complemento es un poco cara en lo que respecta a los complementos. Pero el nivel «Inicio» y superior cuenta con algunos complementos impresionantes. Inicios de sesión de cuentas sociales, un widget de inicio de sesión, la capacidad de limitar los intentos de inicio de sesión, ocultar el inicio de sesión e incluso iniciar sesión automáticamente.

    Con esas funciones adicionales y el ahorro de tiempo que proporciona el complemento, esta es una actualización «pro» que puedo recomendar.

    ¿Alguna vez ha intentado realizar cambios manuales en su página de inicio de sesión de WordPress? ¿Podría beneficiarse de una sencilla personalización de la página de inicio de sesión?

    Como siempre, házmelo saber en los comentarios. Me encantaría saber de usted.