Inicio sesión WordPress diseñado como el resto de la web
Si te gusta el mundo del diseño, terminas por intentar cambiar todo lo que puedas del universo WordPress (.org) con tal de no ver diseños tan simplones o que no invitan a iniciar sesión.
Ya no solo se trata de iniciar sesión por clientes que quieren acceder a su sitio para editar o crear nuevo contenido sino también por usuarios que se registran en una red social interna (caso que veremos) u otras opciones.
Considero fundamental incluso para nosotros mismos si nos gusta el mundo del diseño, que el inicio de sesión en WordPress se asemeje al resto de patrones de color vistos en la web. Aquí un ejemplo: Joan Morci, Universo Outcast Spain, Misión Esperanza Burgos.
Custom Login Page Customizer (plugin WordPress)
Vamos a hacer esto por el plugin, ‘Custom Login Page Customizer‘.
Una vez instalado y personalizada página inicio de sesión, para mantener los cambios intactos, este plugin siempre deberá permanecer activo.
Si lo desactivamos, volveremos a tener la versión oficial de WordPress. Sin embargo al activarlo de nuevo, los cambios efectuados anteriormente permanecerán inalterables.
Nota: Si tenéis el plugin ‘Jetpack’, con la opción de protección activado, es recomendable que lo desactivéis pues alguien ha sufrido conflicto con este plugin por ese tema. Desconozco si ha sido solucionado, porque yo no utilizo esa opción.
Una opción más recomendable de seguridad es el plugin ‘WordFence Security’ (además de ser muy completo en su versión gratuita).
Viendo cambios sobre la marcha
Este plugin a diferencia de otros que he visto permite ver los cambios sobre la marcha, desde la herramienta ‘Personalizar’. Pero no entréis desde ella directamente.
Hay que seguir esta ruta:
Escritorio WP > Apariencia > Login Customizer: Start Customizing!
Y deberíais llegar a una pantalla parecida a la siguiente captura, donde evidentemente la parte derecha será vuestra página de inicio de sesión WP sin cambio alguno.
Una vez en esta ventana, para acceder a todos los cambios de parámetros posibles debéis pinchar en la pestaña ‘Login Customizer’.
Curiosidad plugin ‘Captcha’
En esta captura, no se llega a ver la pestaña ‘Acceder’. Esto es porque este plugin se adapta al tamaño estándar de la página de inicio de sesión WP (aunque esto también se puede modificar después en sus parámetros).
En mi caso, tengo que desactivar cierta opción* del plugin ‘Captcha’ (by BestWebSoft). Y se verá como en la captura anterior.
(*): No incluya ‘Captcha’ en inicio de sesión.
Personalizando ‘Login Customizer’
Hacemos clic en la pestaña ‘Login Customizer’ y veremos una serie de parámetros:
A continuación galería de parámetros:
Como podréis comprobar en las capturas que tienen su propia descripción en castellano (por mí), es algo muy fácil y cómodo de manipular.
Aunque existen otros plugins del tipo, no tienen el mismo volumen de descargas que este: + de 60.000 (sesenta mil).
Otros plugins
Aunque hay muchos por lo que he podido ver, yo siempre que busco un plugin del que no veo muchos artículos al respecto, procuro fijarme en las reviews/reseñas o en el foro de soporte/support para ver las incidencias resueltas (igual que cuando actualizo).
Yo anteriormente tenia un plugin que solo me permitía cambiar el logo pero iba muy bien en general. Uber Login Logo. Además por defecto al hacer clic en el logo, te llevaba a tu web (home/index).
Personalizar todo
– Custom Login Page Styler – Admin login page.
Este a diferencia del que yo os he recomendado, te permite tanto hacer transparente como cambiar el radio de los bordes (es decir hacer las esquinas redondeadas) en el cajetín del formulario, en los propios campos a rellenar y en el botón/pestaña ‘Acceder’.
Y parece permitir poner el formulario de acceso en un lateral u otro, en lugar de permanecer en mitad. Tiene: + de 8.000 (ocho mil) descargas.
– MS Custom Login.
Parecido al anterior pero quizás con menos prestaciones a nivel de cambiar radios bordes en varios apartados y quizás solo pudiéndolo fijar en mitad. Tiene: + de 4.000 (cuatro mil) descargas.
Videotutorial
- WordPress: personaliza pantalla acceso
Plugin ‘Custom Login Page Customizer’. Inicio sesión WordPress diseñado como la web. Cambiar fondo (imagen o color), cambiar color o tamaño formulario, etc.
Fuente imágenes
Ver apartado relacionado en mi Pinterest.
Soy diseñador web con WordPress. También hago uso del diseño gráfico (edición imágenes) e implementación de vídeos (puedo editar pero no grabar). Te ayudo a descubrir/potenciar la identidad de tu marca, otorgando distinción a tu sitio web. Hago buen uso del diseño visual y emocional. Estoy disponible para darte: servicio, formación, consultoría.