Cómo personalizar el estilo de página de inicio de sesión de WordPress & Enlace permanente

por | 1 noviembre, 2018

 personalizar-wordpress-login-page

Los temas de WordPress lo ayudan a hacer que su sitio web se vea exactamente como lo quiere a. Pero hay un área de su sitio que toca pocos temas: su página de inicio de sesión. En lugar de coincidir con la marca de su tema, su página de inicio de sesión generalmente tiene el mismo diseño genérico que cualquier otro sitio de WordPress.

Si bien es posible que sea la única persona que inicie sesión en WordPress en su sitio, Si ejecuta un sitio de WordPress con registro público, es posible que desee que su página de inicio de sesión coincida con el resto de su sitio.

En esta publicación, te mostraré cómo hacer dos cosas:

  1. Personaliza el estilo de tu página de inicio de sesión de WordPress.
  2. Cambia la URL de su página de inicio de sesión de WordPress.

Comencemos…

Cómo personalizar el estilo de su página de inicio de sesión de WordPress

Hay una serie de complementos Lo que puede ayudarte a personalizar tu página de inicio de sesión. De todos estos complementos, mi recomendación es el complemento Personalizador de la página de inicio de sesión de ThemeIsle.

¿Por qué ese complemento?

Porque le permite personalizar su página de inicio de sesión en tiempo real utilizando la misma interfaz de personalizador que utiliza para personalizar su tema. Esto hace que sea muy fácil visualizar cómo se verá su página de inicio de sesión final. El complemento también es 100% gratuito, lo que siempre es bueno.

Para comenzar, instale y active el complemento como lo haría con cualquier otro complemento.

Una vez que el complemento esté activado, vaya para “Apariencia” → “Iniciar personalizador”:

 personalizar-login-page-wordpress1

Luego, haga clic en “¡Comenzar con el personalización!”

 personalizar-login-page-wordpress2

Debería ver la interfaz estándar del personalizador de WordPress. Para personalizar su página de inicio de sesión, haga clic en la opción “Personalizador de inicio de sesión”:

personalizar-login-page-wordpress3

Una vez que esté en la pestaña ” Personalizador de inicio de sesión “, puede comenzar a personalizar su página de inicio de sesión y previsualizar los cambios en tiempo real. Le guiaré por todo lo que puede hacer con un ejemplo real de una nueva página de inicio de sesión para WPSutra.

En la primera opción, puede cambiar el logotipo del logotipo básico de WordPress al logotipo actual para su sitio.

Solo asegúrese de establecer las dimensiones de imagen adecuadas; de lo contrario, su logotipo se estirará y se verá incómodo.

 personalizar-login-page-wordpress4

En la siguiente opción, puedes establecer una imagen de fondo personalizada o un color de fondo (o ambos).

Estoy eligiendo un gris oscuro:

 personalizar-inicio de sesión-página-wordpress5

A continuación, puede seleccionar un fondo para el formulario real.

¿Qué tal un bonito color rojo que coincida con el logotipo de WPSutra?

personalizar-inicio de sesión-página-wordpress6

Ahora puede personalizar las dimensiones para su formulario.

Aquí estoy haciendo la forma un poco más ancha para que sea más visual:

 personalizar-login-page-wordpress7

En la siguiente opción, puede personalizar sus campos de entrada, incluido el texto. Esto es importante porque, en nuestro ejemplo, el texto de la etiqueta es actualmente un poco difícil de leer en el fondo rojo.

Para solucionarlo, cambiaré el “Color de la etiqueta” a blanco:

 personalizar-login-page-wordpress8

A continuación, puedo personalizar el botón “Iniciar sesión”.

Realmente no me gusta la forma en que se ve el botón azul sobre el fondo rojo, así que cambiaré el botón a un color gris oscuro:

 personalizar-login-page-wordpress9

Y finalmente, el último paso es cambiar el color del texto para los enlaces en el fondo om del formulario de inicio de sesión.

Como cambié el fondo a gris, esos enlaces son un poco difíciles de leer. Para solucionar ese problema, voy a hacer que los enlaces inferiores se vuelvan blancos:

 personalizar-login-page-wordpress9-1

También puede agregar CSS personalizado si desea diseñar algo más allá de las opciones proporcionadas por el complemento.

Asegúrese de guardar sus cambios, ¡y listo!

Acaba de diseñar su formulario de inicio de sesión de WordPress para que coincida con su sitio.

Cómo cambiar la URL del formulario de inicio de sesión de WordPress

Ahora Para que su formulario de inicio de sesión tenga un estilo, puede ir un poco más allá cambiando la URL en la que se encuentra su formulario de inicio de sesión. De forma predeterminada, el formulario de inicio de sesión de WordPress se encuentra en sudominio.com/login.

Pero cambiarlo tiene dos ventajas principales:

  1. Hace que sea un poco más difícil para los piratas informáticos para encontrar automáticamente su formulario de inicio de sesión.
  2. Le permite agregar algo de marca a su URL de inicio de sesión

Para cambiar la URL de la página de inicio de sesión de WordPress, puede usar un complemento gratuito llamado WPS Hide Login. Comience instalando y activando el complemento.

Una vez que el complemento esté activado, vaya a “Configuración” → “General”.

Desplácese hasta la parte inferior y busque la opción “WPS Hide Login”:

 personalizar-login-page-wordpress9-2

Todo lo que necesita hacer es ingresar su URL deseada y hacer clic en ” Guardar cambios “. Solo asegúrese de recordar esta URL porque ya no podrá iniciar sesión en sudominio.com/login.

Pensamientos finales

Su página de inicio de sesión es la puerta de entrada a su sitio de WordPress. Después de leer esta guía, debe saber exactamente cómo personalizar su página de inicio de sesión y darle su propia URL única. Aquí hay otro complemento alternativo llamado LoginPress que es igualmente bueno.

Si tiene más preguntas sobre cómo cambiar la página de inicio de sesión predeterminada de WordPress, hágamelo saber en los comentarios.

Y no lo haga ¡olvídate de compartir esta guía!

LO QUE OTROS ESTÁN LEYENDO

  •  Cómo cargar imágenes perezosas para acelerar WordPress Cómo cargar imágenes perezosas para acelerar WordPress
  • Los mejores complementos para comprimir imágenes de WordPress Para una carga más rápida Los mejores complementos para comprimir imágenes de WordPress Para una carga más rápida
  •  Cómo forzar al navegador a borrar el caché en WordPress Cómo forzar al navegador a borrar el caché en WordPress