Cómo hacer una página de autenticación de WordPress personalizada (modo fácil)

¿Le gustaría crear una página de autenticación personalizada para su sitio de WordPress? Tener una página de conexión personalizada es una excelente manera de reemplazar los datos de conexión genérica de WordPress y agregar su propia marca. En este artículo, le mostraremos la manera fácil de crear una página de inicio de sesión totalmente personalizada para su empresa. Cree su formulario de autenticación personalizado ahora ¿Por qué crear una página de autenticación personalizada en WordPress? Todos los sitios web de WordPress tienen la misma página de inicio de sesión. Es un formulario de conexión simple con el logotipo de WordPress en la parte superior.

Esta página es genérica, por lo que es difícil decir en qué sitio web se conecta. El logotipo de WordPress también conecta WordPress.org, que podría eliminar a los usuarios de su sitio si hacen clic en él.
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Si crea una nueva página de inicio de sesión para su sitio, puede usarla para:
Promociones
Notificaciones
Y otra.
En WPFORMS, utilizamos el espacio adicional en nuestra página de conexión personalizada para informar a los usuarios sobre nuevas características interesantes.

Es muy fácil crear una página de autenticación personalizada y también puede ayudarlo con la seguridad de su sitio web. Al crear una página de autenticación personalizada, puede ocultar el valor predeterminado para reducir el spam de autenticación y mantener su sitio de WordPress seguro.
Ahora sabemos por qué necesita una página de autenticación personalizada, creemos uno para su sitio. Cómo crear una página de autenticación de WordPress personalizada, utilizaremos WPForms para crear un formulario de autenticación totalmente personalizado para su sitio. Luego le mostraremos cómo crear su Página de inicio de sesión personalizada. Instale el complemento WPForms
Cree su formulario de autenticación de WordPress personalizado
Agregue un enlace de contraseña olvidada a su formulario de autenticación personalizado
Personalice su configuración de formulario de autenticación personalizada
Publique su página de autenticación personalizada
Ok, comencemos a instalar el complemento personalizado para la página de autenticación.
Paso 1: Instale el complemento WPFFORMS Lo primero que tendrá que hacer es instalar y activar el complemento WPFORMS. Para obtener más detalles, consulte esta guía paso a paso sobre cómo instalar un complemento en WordPress. Para crear un formulario de conexión, necesitará WPForms Pro o una versión posterior. Después de instalar WPFForms, vaya a complementos WPFFORMS ».
Desplácese hacia abajo hasta que encuentre el suplemento de registro del usuario. Haga clic en el botón para instalarlo.

Si lo desea, puede restringir el acceso a WordPress mientras crea el nuevo formulario de conexión. Para saber cómo hacer esto, vea nuestra guía sobre cómo ocultar el sitio de WordPress hasta que esté listo.

¡Estamos todos preparados! Hagamos nuestro nuevo formulario de autenticación personalizado. Paso 2: Cree un formulario de autenticación de WordPress personalizado Ahora tenemos WPForms instalados, cree un nuevo formulario de conexión de WordPress. Haga clic en WPForms »Agregar nuevo al inicio. En la pantalla de configuración, nombra el formulario en la parte superior.
Ahora desplácese hacia abajo y seleccione el formulario de conexión de usuario.

Verá el formulario abierto en el entrenador de formulación. El formulario de conexión personalizado ya está configurado, por lo que no necesitamos agregar campos.

Ahora agregemos un enlace para que los usuarios puedan recuperar fácilmente su contraseña.

Paso 3: Agregue un enlace de contraseña olvidada a su formulario de inicio de sesión personalizado, el formulario de conexión se ve muy bien como está, pero tendremos que agregar un enlace de contraseña olvidado. De lo contrario, los visitantes que olvidan sus detalles de autenticación permanecerán bloqueados en la página de autenticación. Para hacer esto, personalizaremos el campo de contraseña. Agregaremos un enlace a la descripción aquí para que pueda mostrarse justo debajo del campo. Podemos usar la etiqueta inteligente {url_lost_password} para el enlace. Haga clic en el campo Contraseña para comenzar. En la descripción, pega esto en:

¿Olvidaste tu contraseña? haga clic aquí Para restablecerlo.
¡Eso es todo! {url_lost_password} inteligente {url_lost_password} se reemplazará con el enlace de contraseña olvidada cuando publicamos el formulario. WPFORMS manejará la conexión a la base de datos, por lo que no necesitamos un complemento de conexión separado para hacer frente a esto. Continúe y haga clic en Guardar para guardar su formulario de conexión hasta ahora. PAS 4: Personalice la configuración del formulario de autenticación personalizada en este paso, analizaremos la configuración de inicio de sesión. Esto nos permitirá controlar el botón en el formulario y la página a la que nuestros visitantes serán redirigidos.
Comience haciendo clic en la configuración en el lado izquierdo del constructor de formularios.

La configuración se abrirá en la pestaña General. Desplácese hacia abajo hasta que envíe el mensaje de texto al botón y cambie esto para decirle inicio de sesión.

También cambiamos el texto de procesamiento de texto, para que el usuario pueda ver los datos de conexión en el curso. Puede ingresar algo más aquí si lo desea. A continuación, notará algunas configuraciones. Deberá verificar que se seleccionen estos 3 cuadros de selección:
Active la protección anti -Spam: esto utilizará un símbolo de forma inteligente para evitar la conexión de los robots.

Deshabilite el almacenamiento de la información de entrada en WordPress: no necesitamos almacenar estos formularios en la base de datos de WordPress.

Oculte el formulario Si el usuario ya está conectado; si un usuario ya se ha conectado, se confundiría mostrar el formulario de inicio de sesión nuevamente. Esta configuración nos permite ocultarlo fácilmente.
Puede personalizar la otra configuración si lo desea.
Si ves aquí en el viejo, puedo antipamado, continúe y consulte la nueva casilla de verificación anti-Spama. La olla de miel ahora se deprecia, y el nuevo token anti-Spama mejorará la protección contra el spam en su forma de inicio de sesión. Finalmente, haga clic en Confirmación. En esta pantalla, podemos elegir lo que sucede cuando se envía el formulario de conexión. Si lo desea, puede solicitar a los usuarios que abran el administrador de WordPress. Para la mayoría de los sitios, es lógico redirigir su paquete a Frantend. Entonces, en este ejemplo, redirigiremos al usuario a la página principal.
¡Eso es genial! Deje tiempo para examinar la otra configuración y realizar los cambios que desea hacer. Luego haga clic en Guardar en la parte superior del constructor de fórmulas. Paso 5: Cree su página de autenticación personalizada Ahora estamos listos para publicar su nuevo formulario de inicio de sesión. Puede incorporar su formulario de inicio de sesión personalizado en cualquier lugar de su sitio, incluido:
página

Postes

En la barra lateral

En el sotano
Crearemos una página de autenticación personalizada de WordPress en este ejemplo. No haremos muchas personalizaciones, pero es posible que desee más tiempo para marcar su página antes de ingresar en vivo si lo desea.
Para comenzar, haga clic en el botón Incorporar en la parte superior del constructor de formulación.
Haga clic en Crear una nueva página …
Y ahora dale un nombre a tu página. Después de que termine, haga clic en Vamos.
¡Su formulario de inicio de sesión personalizado está listo para personalizar! Puede agregar marcas e imágenes y puede jugar con un aspecto hasta que se vean bien. Luego haga clic en el botón Publicar para publicar la página de autenticación personalizada. ¡Esto es! Su página de autenticación de WordPress personalizada está activa y lista para usar. Recuerde: ¡deberá cerrar la sesión de WordPress para ver el formulario completado! Si está conectado, no verá la pantalla de inicio de sesión. Si lo desea, puede usar un complemento para la página de destino para crear una página de autenticación personalizada e incorporar su formulario de autenticación. Esto le permitirá configurar fácilmente una imagen de fondo y colores personalizados. Cree su formulario de conexión personalizado ahora el siguiente paso: ¡Personalice el formulario de registro y aquí mismo! Ahora sabe cómo crear un formulario de conexión personalizado en WordPress. Puede usar esto como punto de partida para desarrollar la marca en su página de autenticación. Luego verifique cómo crear un formulario de registro de usuario para su sitio. Hacer un formulario de registro personalizado es una excelente manera de hacer que su sitio se vea más profesional. ¿Estás listo para construir tu formulario? Comience hoy con el complemento de WordPress más simple para el generador de formulación. WPFFORMS PRO incluye el suplemento de registro del usuario y ofrece una garantía de devolución de dinero en 14 días. Si este artículo le ha ayudado, síganos en Facebook y Twitter para obtener más tutoriales y guías gratuitos de WordPress.