May 21, 2019

162 | Cómo crear una página de login personalizada en WordPress

162 | Cómo crear una página de login personalizada en WordPress

En el episodio 162 de Wordpress Semanal te hablo de cómo personalizar la página de login de WordPress y las distintas aproximaciones que puedes tomar.

Plugin de la semana: integrar Contact Form 7 con MailChimp

Con el plugin Contact Form 7 MailChimp extension podrás vincular tus formularios con el famoso gestor de email marketing.

Añade automáticamente los datos de los envíos de formulario que te hagan a tus listas de suscriptores de MailChimp.

Se trata del plugin más popular para hacer esta tarea porque se mantiene actualizado con respecto a los cambios que pueda ir haciendo MailChimp.

Cómo crear una página de login personalizada en WordPress

1) Por qué puedes necesitar un inicio de sesión personalizado

  • Usuarios iniciarán sesión con frecuencia (un membership site, un eCommerce o incluso un blog)
  • ¿Quieres que vean la página de login de WordPress?
  • Logo y colores de WordPress, enlaces a WordPress.org
  • Si te da igual, fantástico, no tienes que modificar nada
  • Si no, puedes personalizar esa experiencia para tus usuarios
  • Tu branding, en consonancia con la parte frontal de la web

2) Opción de modificar la página de login de WordPress

  • Cambia el logo y los enlaces a wordpress.org
  • Modificar colores
  • Pero también puedes ir más allá
  • Cambiar completamente la disposición y la forma del formulario de inicio de sesión
  • Imagen de fondo, fuentes personalizadas…
  • Puedes hacerlo manualmente (por código) o con plugins

3) Opción de crear una página de login desde cero

  • Varias aproximaciones
  • Si usas un page builder, seguramente traiga opciones para insertar formulario de login
  • También puedes hacerlo con el editor normal de WordPress e insertando un formulario de, por ejemplo, WPForms
  • Esta aproximación te permitirá elegir los campos del formulario porque lo crearás a medida

4) Cambiar la url de la página de inicio de sesión

  • En el caso de que crees una página a medida o que simplemente quieres ocultar la página de login por defecto, puedes hacerlo
  • También puedes hacerlo por seguridad (evitar ataques de fuerza bruta)
  • Varios plugins específicos

5) Poner el inicio de sesión en la parte frontal de la web

  • Tengo un tutorial
  • Más allá de la página de login, puedes facilitar el acceso desde otros lugares de tu web
  • A través de un widget
  • En cualquier lugar con un shortcode
  • Como una ventana emergente

6) Plugins y código para personalizar el login

Para seguir aprendiendo a gestionar tu negocio o proyecto con WordPress, prueba el área para suscriptores durante 15 días sin compromiso y echa un vistazo a todos los cursos la zona código y el soporte WordPress.

Enlaces

En este episodio he mencionado los siguientes recursos:

  1. Nuevo vídeo de la Zona código: qué son y cómo usar ::before y ::after en css
  2. Plugin WPS Hide Login Page para ocultar login y admin por seguridad
  3. Tutorial plugins de registro y login
  4. Formularios de registro y login con WPForms

Conclusión

Usar tu propio diseño y logo para la página de inicio de sesión dará consistencia a tu web y es algo relativamente sencillo de conseguir. ¿A qué esperas?


Si te ha gustado el episodio de hoy y quieres ayudarme a seguir creando episodios como este en iTunes, deja una valoración aquí (tardarás segundos). ¡¡Gracias!!
Si me escuchas desde iVoox, también te agradezco tus comentarios y me gusta.

La entrada 162 | Cómo crear una página de login personalizada en WordPress es una artículo de Gonzalo Navarro.