Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Personalizar la pantalla de acceso de WordPress puede dar un aspecto más profesional a nuestra instalación o por lo menos diferente a las demás.

En este caso vamos a utilizar el plugin «Custom Login Page Customizer» por que me ha parecido muy sencillo y fácil de usar.

Como ya sabremos, WordPress tiene una página de acceso al panel de administración por defecto y siempre es la misma a no se que nosotros realicemos cambios sobre ella.

Pues bien, en este tutorial vamos a utilizar el plugin Custom Login Page Customizer para realizar unos pequeños cambios de aspecto en la pantalla de acceso.

¿Por qué el plugin Custom Login Page Customizer?

La verdad es que hay muchísimos plugins de este estilo o con este objetivo pero tras probar con varios gratuitos, me he decidido por este por su sencillez y fácil manejo

Estoy seguro que no defraudará a aquellos y aquellas que quieren hacer algo sencillo y rápido sin quebraderos de cabeza.

Instalar Custom Login Page Customizer

Como ya sabemos instalar un plugin desde el repositorio oficial de WordPress, no voy a extenderme.

Dejo el enlace por si acaso pero lo podéis hacer como siempre desde la sección Plugins de la administración de WordPress simplemente buscando «Custom Login Page Customizer«.

Cómo se configura Custom Login Page Customizer

Para acceder a la configuración lo podemos hacer a través del menú Apariencia –> Login Customizer.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Al acceder veremos un pantalla en la que debemos pulsar sobre el botón «Start Customizer«.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

No funciona con todos los temas!!

Pues no, no funciona correctamente con todos los temas.

De hecho yo estoy utilizando para este tutorial el tema Twenty Fifteen porque con Twenty Sixteen no funciona bien.

Es para que lo sepáis y no os llevéis sorpresas.

Opciones de Custom Login Page Customizer

Tras pulsar en el botón «Start Customizer«, accedemos a la pantalla del personalizador de WordPress pero a la sección de este plugin.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Notamos que el previsualizador no muestra la página web como tal, como suele hacer sino que muestra la pantalla de acceso a WordPress.

Pulsamos sobre la opción Login Customizer:

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Estas son todas las secciones de opciones que nos ofrece este plugin.

Vamos a comentarlas un poco una a una.

Logo

En este apartado podemos añadir un logo simplemente subiendo una imagen.

Además podemos especificar el tamaño del logo y el espacio que entre el logo y la parte superior.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Fondo de página

Podemos establecer una imagen como fondo de la página de acceso a WordPress así como definir un color para el mismo.

También nos permite indicar el tamaño del fondo.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Fondo del formulario

Al igual que en el apartado anterior, también nos permite establecer una imagen o un color como fondo del formulario.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Tamaño y estilo del formulario

En este a apartado definimos, si queremos, el tamaño, los espacio e incluso el borde del formulario.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Opciones de los campos

Ahora le toca el turno a los campos del formulario.

Podemos definir colores para diferentes características de los campos así como el ancho y el margen.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Estilo del botón

Aquí definimos los colores que puede adoptar el único botón que tiene esta pantalla.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Otros: Color del texto

En la última sección podemos definir tanto el color del texto como el color del texto cuando pasamos el ratón por encima de el.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Para muestra un botón

He realizado un par de cambios gracias a este plugin para que podáis ver lo fácil y sencillo que es personalizar nuestra página de acceso a WordPress con este plugin.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Si, ya se que no es lo más bonito que hayáis visto nunca, lo se.

Pero ahora os toca a vosotros/as que tenéis unas dotes para el diseño impresionantes.

Conclusión

Dar un aspecto diferente al panel de administración de WordPress puede hacer que nuestros desarrollos no sean todos iguales y que a nuestros clientes les parezca un poco más profesional.

Hemos visto como con el plugin «Custom Login Page Customizer» conseguimos en un momento un aspecto diferente para la página de acceso.

En otros tutoriales veremos otros plugins similares a este o incluso alguno premium que nos permite muchas mas cosas.

Espero que os sea de utilidad este tutorial.

Os amino a que dejéis vuestras impresiones, apuntes, peticiones y demás. Intentaré contestar en cuanto me sea posible.

Saludos y hasta la próxima!!