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 modificar la página de login por defecto: Login Designer
- Para crear logins a medida en una página aparte: WPForms, Elementor
- Usar url diferentes para el login: Theme My Login
- Login con ventana emergente: para Genesis y para todas las webs
- Modificar el logo de la página de login a través de código
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:
- Nuevo vídeo de la Zona código: qué son y cómo usar ::before y ::after en css
- Plugin WPS Hide Login Page para ocultar login y admin por seguridad
- Tutorial plugins de registro y login
- 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.
Apple Podcasts
Spotify