May 22, 2019

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

20 minutes

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.

Escuchar en iTunes Escuchar en iVoox Escuchar en Spotify

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

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.

...more

View all episodes

By Gonzalo Navarro

4.8

88 ratings