Episode Details

Back to Episodes

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

Published 6 years, 10 months ago
Description

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