Personalice su página de inicio de sesión de WordPress con el complemento de inicio de sesión personalizado de YITH

Lo mejor de tener un sitio web de WordPress es lo fácil que es personalizarlo. No es necesario tener toneladas de dinero para hacerlo, o habilidades de codificación, o tiempo. Solo necesita descargar e instalar un tema gratuito o un complemento, y el sitio web se verá diferente u obtendrá algunas funcionalidades nuevas.

Puede hacerlo para cada página de su sitio web. Incluso la página de inicio de sesión, que tan fácilmente se da por sentado, se puede modificar para reflejar el nuevo diseño de su sitio web. Cuando veas lo fácil que es cambiarlo, probablemente te preguntes por qué no lo habías hecho antes. Veamos cómo puede usar la página de inicio de sesión personalizada de YITH o uno de los mejores complementos de WordPress de inicio de sesión personalizado. Esto permitirá que cualquier persona inicie sesión en su sitio de WordPress fácilmente.

¿Por qué querrías crear una página de inicio de sesión personalizada de WordPress?

La página de inicio de sesión predeterminada de WordPress parece simple y se reduce a los elementos básicos. Tiene dos campos, un logotipo, un botón, un par de enlaces y una casilla de verificación. Esto es lo que parece:

No hay nada malo con esta página. Hace que iniciar sesión en WordPress sea muy sencillo: no hay casi nada que pueda hacer mal aquí porque todo es fácil de entender.

Pero es una oportunidad perdida. Como mínimo, debería poder mostrar su propio logotipo en la página de inicio de sesión. No estaría de más si pudieras mostrar algo más, una mascota, por ejemplo, o jugar con los colores, un poco, o con las fuentes.

¿Qué puede hacer con el inicio de sesión personalizado de YITH?

El complemento de inicio de sesión personalizado de YITH puede ayudarlo a cambiar el aspecto de la página de inicio de sesión de su sitio web. Después de instalar el complemento, cambiará la apariencia de su página de inicio de sesión de WordPress para que se vea así:

La página de inicio de sesión no permanecerá así si no lo desea. Este es el aspecto predeterminado que obtiene después de instalar y activar el complemento, pero puede cambiarlo. Puede, por ejemplo, cambiar el color de fondo de la página o establecer una imagen para el fondo.

También puedes intercambiar la mascota del loro con la tuya si tienes una. La página está lista para su logotipo y puede jugar con los campos de nombre de usuario y contraseña para cambiar su apariencia y cómo están etiquetados. Básicamente, este complemento le brinda control sobre todos los elementos importantes en la página de inicio de sesión. Echemos un vistazo más de cerca.

Configuración general

Antes de sumergirnos en la configuración general del complemento, primero asegurémonos de saber cómo encontrar el complemento. Debe encontrar la opción "apariencia" en el menú principal y hacer clic en "pantalla de inicio de sesión" debajo de ella :

Una vez que haga eso, se moverá a las opciones del complemento y verá que la pestaña de configuración general es la primera desde la izquierda.

La pestaña de configuración general es donde haces dos cosas importantes: habilitar el complemento de inicio de sesión personalizado y configurar la imagen de tu mascota. Los ajustes son tan sencillos como suenan, al menos hasta que llegas al punto en que no estás satisfecho con la posición de tu mascota, y es probable que no lo estés.

Repasemos las opciones de esta página una por una.

• Habilitar inicio de sesión personalizado: una vez que instale el complemento, esta opción estará marcada de forma predeterminada. Si en algún momento desea volver a la página de inicio de sesión predeterminada, todo lo que necesita hacer es desmarcar esta casilla.
• Mostrar imagen de mascota: esta es la casilla que debe marcar si desea que aparezca una mascota en su página de inicio de sesión personalizada. Cuando la casilla no está marcada, la mascota no será visible.
• URL de la imagen de la mascota: la mascota del loro está configurada de forma predeterminada y no es necesario que la cambie si no lo desea. Si desea cambiarlo, la mejor manera de hacerlo sería agregar la imagen (formato .png, alrededor de 140×185 px) a la Biblioteca de medios y luego simplemente colocar un enlace en este campo.
• CSS personalizado: Este es el campo donde cambias la posición de la mascota. Es lo más complicado que puedes hacer en la pestaña de ajustes generales.

Si no está satisfecho con el aspecto de la mascota, debe inspeccionarla y hurgar en el código hasta que encuentre los valores que establecen su posición :

Solo podrá jugar con los valores "superiores" y "derechos". Si necesita ayuda para averiguar qué parámetros funcionan mejor para usted, tal vez pruebe estos para empezar:

#login img.mascotte {
position:absolute;
right:-122px;
top:62px;
}

Cuando los cambie, debe copiar el código completo en el campo CSS personalizado. No olvides guardar los cambios una vez que hayas terminado.

Configuración de fondo

La pestaña de configuración de fondo le permite ajustar la apariencia y el comportamiento del fondo. Esto es lo que le esperará cuando cambie a esta pestaña:

• Imagen de fondo: El campo donde colocas el enlace a una imagen de fondo si planeas usar una.
• Color de fondo: obtendrá algunas opciones para elegir el color de fondo, por lo que puede elegir el aspecto de su página de inicio de sesión personalizada de WordPress, incluso si no utiliza una imagen de fondo.
• Repetición de fondo: Obtiene las opciones estándar para que la imagen de fondo se repita horizontalmente, verticalmente o no se repita en absoluto.
• Posición de fondo: esta opción le permite establecer la posición de la imagen de fondo: tiene posiciones superior e inferior y alineaciones izquierda, derecha y central.
• Adjunto de fondo: tiene dos comportamientos para elegir para su imagen de fondo: puede ser fija y aparecer siempre en la página, o puede desplazarse y moverse junto con ella.

Todo es bastante estándar para configurar fondos. Agregue su propia imagen o no, juegue con diferentes combinaciones de posición de la imagen de fondo y repita, elija un color agradable o combine los dos: depende completamente de usted. Como siempre, recuerde guardar los cambios que desee conservar.

Configuración del logotipo

Uno de los mejores usos del complemento de inicio de sesión personalizado de YITH es agregar su propio logotipo a la página del complemento en lugar del logotipo de WordPress. En la pestaña Opciones de logotipo, encontrará las siguientes opciones.

• Imagen del logotipo: Aquí es donde eliges la imagen que usarás para tu logotipo.
• Color de fondo: si carga un logotipo en formato .png, puede elegir el color que se muestra debajo de su logotipo.
• Ancho y alto del logotipo: puede elegir el tamaño de su logotipo en la página de inicio de sesión.

Estas cuatro opciones son todo lo que necesita para configurar su logotipo en la página de inicio de sesión personalizada de YITH. Una vez que haya realizado los ajustes que desea, recuerde hacer clic en el botón "Guardar opciones" antes de continuar.

Configuración de formulario

El campo de formulario permite la personalización más profunda en todo el complemento. Hay tres grupos de opciones en esta pestaña:

• La configuración general del formulario: aquí es donde establece el ancho del contenedor y elige los marcadores de posición de nombre de usuario y contraseña.
• Configuración de tipografía: puede elegir la fuente, el tamaño, el estilo y el color del texto en los campos, el texto general y el texto del botón Enviar por separado. También puede elegir de qué color se vuelve el texto del botón Enviar al pasar el mouse.
• Configuración de color: puede personalizar los colores de los fondos y bordes de los campos en diferentes situaciones: al enfocarlos, al enviarlos o al pasar el mouse sobre ellos.

Si desea que los campos del formulario estén en los colores del logotipo de su empresa, este es el lugar donde podrá configurarlo todo. Solo asegúrese de guardar cualquier cambio que desee conservar antes de cerrar la pestaña.

¡Vamos a envolverlo!

Tu sitio web de WordPress puede ser tan hermoso e interesante, o tan básico y simple, como quieras que sea. Esa es la gran capacidad de personalización que hace que crear un sitio web en WordPress sea una experiencia tan gratificante. Entonces, cuando piense en ajustar su sitio web, no piense que está atascado con la misma página de inicio de sesión de WordPress. Con el complemento de inicio de sesión personalizado de YITH, puede agregar una nueva página de inicio de sesión y luego personalizarla para que coincida con su visión o la identidad visual y el estilo de su empresa.