Cambiar la pantalla de ingreso a WordPress

Reading time aprox: 4 minutes, 37 seconds

Cambiar la pantalla de ingreso a WordPress.

Cambiar la pantalla de ingreso a WordPress es adecuado en muchos casos, especialmente si vas a usarla para que tus colaboradores accedan.

Claro que puede haber otras muchas razones y, no voy a enumerarlas. ?

Como en todos los casos, hay formas fáciles y menos fáciles para realizar esta tarea del cambio, veamos.

Porqué es importante cambiar la pantalla de ingreso a WordPress.

Esta respuesta la debes realizar tú; yo puedo, como mucho, apuntar algunas razones:

  • Por estética, para que mantenga el aspecto general de tu marca.
  • Por seguridad, para que cumpla con los requisitos estándar de tu negocio.
  • Por fardar, para que todos vean que también puedes hacer cosas especiales.
  • Por que puedes.

Sea cual sea tu razón, puedes hacerlo de dos formas, una fácil instalando y configurando un plugin, y otra menos fácil, manualmente, programando.

La forma fácil.

En WordPress siempre hay una forma fácil de hacer las cosas, que consiste en la instalación, activación y personalización de un plugin.

La pregunta más difícil es ¿qué plugin necesito?

Te voy a presentar unos cuantos plugin para cambiar la pantalla de ingreso a WordPress. El orden de presentación NO significa su mayor o menor recomendación, sólo que están en ese desorden.

Custom Login Page Customizer.

Cambiar la pantalla de ingreso a WordPress - Colorlib
Cambiar la pantalla de ingreso a WordPress – Colorlib

Se trata de un plugin de la compañía Colorlib, que tiene una larga trayectoria desarrollando.

Es posiblemente, el plugin más completo para cambiar la pantalla de ingreso a WordPress. Contiene en un sólo paquete toda la funcionalidad que se encuentra en plugins de pago, a pesar de ser gratuito.

Este plugin te permite cambiar cosas como:

  • El color de los campos.
  • El borde de los campos.
  • La forma y el aspecto del botón.
  • Si la pantalla tiene una o dos columnas.
  • El color o la imagen de fondo.
  • El logotipo.

Puedes descargar este plugin desde el repositorio de WordPress (https://es.wordpress.org/plugins/colorlib-login-customizer/).

Custom Login

Cambiar la pantalla de ingreso a WordPress - Custom Login
Cambiar la pantalla de ingreso a WordPress – Custom Login

Sencillo nombre para un plugin sin más pretensiones que hacer lo que se le pide.

Si bien no está disponible en español, su sencillo manejo no presenta muchas dificultades; tras ser activado, aparece un nuevo menú Ajustes -> Custom login, donde puedes personalizar cosas como:

  • La imagen de fondo del formulario.
  • La imagen de fondo de la pagina.
  • La posición vertical del formulario.
  • La posición horizontal del formulario.
  • Los colores del texto, los enlaces, las sombras.

Puedes descargar este plugin desde el repositorio de WordPress (https://es.wordpress.org/plugins/bm-custom-login/).

Erident Custom Login and Dashboard

Cambiar la pantalla de ingreso a WordPress -Erident
Cambiar la pantalla de ingreso a WordPress -Erident

Este plugin es uno de los más famosos que realizan esta tarea, ya que cuenta con un montón de de posibilidades que incluyen la mayoría de las que hacen otros y unas propias muy llamativas como:

  • Seleccionar un tipo de fuente.
  • Añadir animaciones.
  • Añadir cambio en la opacidad de textos e imágenes.
  • Añadir colores con degradado.

Pero hay que señalar dos características importantes,: la capacidad para cambiar el color del escritorio de administración y, la capacidad de importar y exportar los ajustes creados, lo que lo hace magnífico para cuando se trabaja con múltiples sitios.

Puedes descargar este plugin desde el repositorio de WordPress (https://es.wordpress.org/plugins/erident-custom-login-and-dashboard/).

Custom Login Page Customizer – LoginPress

Cambiar la pantalla de ingreso a WordPress - LoginPress
Cambiar la pantalla de ingreso a WordPress – LoginPress

Este plugin podría ser como cualquier otro de la lista, hace las mismas cosas.

Pero a diferencia de otros, permite cambiar el texto del mensaje de error, así que podrás decir a los que acceden, «Por favor, mete bien el dedo, esa no es la contraseña.», o lo que quieras. ?

Puedes ver los cambios que haces a la pagina de acceso, en directo, ya que la pantalla de personalización muestra los cambios según se hacen.

Puedes descargar este plugin desde el repositorio de WordPress (https://es.wordpress.org/plugins/loginpress/).

Custom Login Page Customizer – Login Designer

Cambiar la pantalla de ingreso a WordPress - Login Designer
Cambiar la pantalla de ingreso a WordPress – Login Designer

Si, es parecido al anterior, y también permite cambiar la pantalla de ingreso a WordPress, sólo que este permite la creación de paginas basándose en plantillas.

Esto lo hace muy adecuado para usuarios principiantes, pero no quiere decir que sea menos potente que los demás.

Puedes descargar este plugin desde el repositorio de WordPress (https://es.wordpress.org/plugins/login-designer/).

User Registration – Custom Registration Form, Login And User Profile For WordPress

Cambiar la pantalla de ingreso a WordPress - User Registration
Cambiar la pantalla de ingreso a WordPress – User Registration

Este plugin con nombre tan largo, hará las delicias de los que gustan del diseño por bloques.

Permite diseñar la pagina de acceso y el formulario, no sólo en varias columnas, sino con varios campos y en forma dinámica.

Diferentes usuarios pueden tener diferentes campos, con diferente disposición y diferente aspecto.

Puedes descargar este plugin desde el repositorio de WordPress (https://es.wordpress.org/plugins/user-registration/).

Admin Custom Login

Cambiar la pantalla de ingreso a WordPress -Admin Custom Login
Cambiar la pantalla de ingreso a WordPress -Admin Custom Login

Al igual que todos sus competidores, la función de este plugin es cambiar la pantalla de ingreso a WordPress.

Este se diferencia en algunos puntos interesantes:

  • Permite insertar un carrusel como imagen de fondo.
  • Permite redirigir a los usuarios a diferentes páginas, en función de su rol (Editor, Administrador, etc.).
  • Permite añadir conectividad con un enlace a las redes sociales más conocidas.
  • Diseño responsivo desde el comienzo.
  • Integración de «Google Fonts» para escoger el cambio de fuente.

Puedes descargar este plugin desde el repositorio de WordPress (https://es.wordpress.org/plugins/admin-custom-login/).

Simple Login Page Customizer

Cambiar la pantalla de ingreso a WordPress - Simple Login Page Customizer
Cambiar la pantalla de ingreso a WordPress – Simple Login Page Customizer

Quizá uno de los más simples, perdón, sencillos de esta lista.

No realiza alardes de visión en directo de los cambios, ni tiene múltiples columnas, se configura en una sencilla página.

Pero eso no significa que no cumple su función o que no sea potente, es simplemente, minimalista.

Puedes descargar este plugin desde el repositorio de WordPress (https://es.wordpress.org/plugins/simple-login-page-customizer/).

La forma menos fácil.

Como en todos los casos, cuando se quiere hacer un cambio en WordPress, hay formas fáciles como es la instalación de un plugin, y menos fáciles como es el programar lo que queremos.

En este caso, la forma menos fácil, también es programando pero, consta de dos partes o, mejor dicho, hay dos formas de hacerlo.

El wp-login.php

El primer método consiste en cambiar la programación del archivo php-login.php lo cual desaconsejo absolutamente por dos razones:

  1. No es una buena práctica de desarrollo, ya que este archivo forma parte del «core» de WordPress.
  2. Cualquier cambio que hagas en este archivo, será reemplazado por el nuevo archivo que aparezca en una actualización de WordPress, sin previo aviso, ya que este archivo forma parte del «core» de WordPress.

miplugin.php

El segundo método es crear tu mismo un plugin que haga esta labor. Puedes dejar volar tu imaginación e incorporar cosas como imágenes en movimiento o colores imposibles (tu mismo). Una vez que actives el plugin, tus cambios estarán incorporados inmediatamente.

Básicamente esta es la forma correcta de hacer las cosas y tus cambios no se verán afectados por las actualizaciones.

Conclusión

Ya vimos cómo cambiar la pantalla de ingreso a WordPress de forma fácil en el artículo Mi primer plugin de WordPress.

No es tan difícil cambiar la programación, y tu plugin tendría que reescribir la función wp_login_form o sus parámetros.

Puedes encontrar más información sobre esta función en el codex (en inglés).

Mientras tanto, #QuédateEnCasa, juega, experimenta y, sobre todo, ¡divertirte!


¡Gracias por leernos!


¡Tus comentarios y preguntas nos ayudan a mejorar, por favor comenta!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

17 + veinte =

Para ofrecer las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento de estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o las identificaciones únicas en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.    Más información
Privacidad